頁面上用戶控件之間的通信 - C＃/ ASP.NET

Question

如果頁面上有兩個用戶控件，並且它們都具有checbox控件。檢查/取消選中一個用戶控件中的複選框應該檢查/取消選中另一個用戶控件中的複選框。

我看到有需要用戶控制通信。

任何方式我可以在客戶端做到這一點？ （我不想使用服務器端代碼）

感謝

Answer 1

沒錯，這就是使用jQuery CSS選擇器和操縱的複選框值做最簡單的方法。這裏是一個簡單的代碼片段來做到這一點：

$("#checkbox1").attr("checked", $("#checkbox2").attr("checked")) 

checkbox1的值取決於「選中」 checkbox2

Answer 2

關當然，不言而喻的值設置，也有做的更簡單的方法這與jQuery，但這裏是一個如何沒有它的例子。

<asp:CheckBox runat="server" ID="CheckBox1" onclick="checkBoxChanged1(this)" /> 
<asp:CheckBox runat="server" ID="CheckBox2" onclick="checkBoxChanged2(this)"/> 

<script type="text/javascript"> 
var checkBox1 = document.getElementById("<%=CheckBox1.ClientID %>"); 
var checkBox2 = document.getElementById("<%=CheckBox2.ClientID %>"); 
function checkBoxChanged1(e) 
{ 
    checkBox2.checked = e.checked;  
} 
function checkBoxChanged2(e) 
{ 
    checkBox1.checked = e.checked;  
} 
</script> 

下面是使用jQuery相同的例子：

<script type="text/javascript"> 
    $(function(){ 
     $("#<%=CheckBox1.ClientID %>").click(function(){ 
      $("#<%=CheckBox2.ClientID %>").checked = this.checked; 
     }); 
     $("#<%=CheckBox2.ClientID %>").click(function(){ 
      $("#<%=CheckBox1.ClientID %>").checked = this.checked; 
     });    
    }); 
</script>