2012-05-02 98 views
0

我想在點擊複選框時打開一個包含HTML-Elements的組。它適用於一個羣組(因爲那時我只有一個ID)。但是,如果我有更多的組,每個組都有一個動態ID(用於div標籤和輸入標籤)。這是我的HTML代碼:傳遞javascript的動態ID

<div style="line-height: 1.7em; background-color: #eee;"> 
    <span style="padding-left: 8px; color: #eb8f00; font-size: 1.1em; font-weight: bold; font-family: 'Trebuchet MS', Verdana, Helvetica, Sans-Serif;"> 
     <input style="vertical-align: middle;" id="@currentElement.sGroupId" type="checkbox" name="@currentElement.sGroupId" /> 
     <label for="@currentElement.sGroupId">@currentElement.sGroupName</label> 
    </span> 
</div> 

<div style="background-color: #eee;" class="@currentElement.sGroupName"> 
    <!-- Dynamic content --> 
</div> 

現在我有那些字符串是動態的,由於我的foreach循環。

@ currentElement.sGroupId看起來像「idgr_12」(只有數量的變化)
@ currentElement.sGroupName是「集團」,我想打開(每圈整個名稱變更)

的名字

這是我的JavaScript代碼:

$(function() { 
    $("id from div").hide(); 
    $("id from input").change(function() { 
     var $this = $(this); 
     if ($this.is(":checked")) { 
     $("id from div").show(250); 
     } 
     else { 
     $("id from div").hide(250); 
     } 
    }); 
}); 

現在我得到例如三組,每組有一個複選框。但是當我點擊一個複選框時,每個組都會展開。我如何在我的JavaScript方法中獲得這些動態ID,這樣只有激活複選框的組纔會擴展?

回答

0

在你的身上。如果你可以使用相對選擇像

$(this).parent('div').show(250) 
+0

謝謝,但我怎麼也得從命名div中,如果身體外的ID和輸入? – proud