2010-10-14 65 views
0

我有一個頁面呈現兩個面板,它們使用中繼器顯示不同的相同數據。然後,我有一個JavaScript功能,在兩個視圖之間切換。我希望每個視圖中的每個數據項都有一個複選框。ASP.net複選框對

<asp:panel id="1" runat="server"> 
<asp:repeater id="view1" runat="server"/> 
</asp:panel> 

<asp:panel id="2" runat="server"> 
<asp:repeater id="view2" runat="server"/> 
</asp:panel> 

<a onclick="toggle();"/>Toggle</a> 

當我在視圖之間轉移時,我希望checkbox.value也可以傳輸。

我也希望複選框的值可以在回發中訪問。做這個的最好方式是什麼?

回答

0

如果您在每個面板的複選框具有相同的名稱(或其他屬性,該屬性是一樣的,你可以找到與標籤),那麼它是相當簡單的使用jQuery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 

     $(".cb").change(function() { 
      var name = $(this).attr("name"); 
      var checked = $(this).attr("checked"); 
      $(".cb[name=" + name + "]").attr("checked", checked); 
     }); 
    }); 
</script> 

<!-- Assuming this is would be the output of your two <asp:Panel /> controls: --> 
<div id="1"> 
    <input class="cb" type="checkbox" name="cb1" /> 
    <input class="cb" type="checkbox" name="cb2" /> 
</div> 

<div id="2"> 
    <input class="cb" type="checkbox" name="cb1" /> 
    <input class="cb" type="checkbox" name="cb2" /> 
</div>