2009-04-27 48 views
0

如果页面上有两个用户控件,并且它们都具有checbox控件。检查/取消选中一个用户控件中的复选框应该检查/取消选中另一个用户控件中的复选框。页面上用户控件之间的通信 - C#/ ASP.NET

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

任何方式我可以在客户端做到这一点? (我不想使用服务器端代码)

感谢

回答

1

没错,这就是使用jQuery CSS选择器和操纵的复选框值做最简单的方法。这里是一个简单的代码片段来做到这一点:

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

checkbox1的值取决于“选中” checkbox2

1

关当然,不言而喻的值设置,也有做的更简单的方法这与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> 
相关问题