多格视图中的复选框,如何控制每次单击只能选中一个复选框

时间:2018-10-20 10:15:52

标签: javascript asp.net

girdview喜欢:

<asp:GridView ID="GridView1" runat="server"  Width = "550px">
 <column>
  <asp:TemplateField HeaderText ="Select">
   <ItemTemplate>
    <asp:CheckBox ID="chkSelect" runat ="server" onclientclick=check1() />                   
   </ItemTemplate>
  </asp:TemplateField>
  //other columns......
 </column>
</asp:gridview>

<asp:GridView ID="GridView2" runat="server"  Width = "550px">
 <column>
  <asp:TemplateField HeaderText ="Select">
   <ItemTemplate>
    <asp:CheckBox ID="chkSelect" runat ="server" onclientclick=check1()/>                   
   </ItemTemplate>
  </asp:TemplateField>
  //other columns....
 </column>
</asp:gridview>

每次,仅可以选中一个复选框,如果选中了一个girdview1的复选框,则选中gridview2'的复选框,需要不选中gridview1的复选框。

我的js喜欢:

function check1(){
  var checkboxes = 
               jQuery('#<%=gvGridView2.ClientID%>input[type=checkbox]');

  checkboxes.each( function() {

    jQuery(this).attr("checked", !this.checked);
  });     
}
function check2(){
  var checkboxes = 
               jQuery('#<%=gvGridView1.ClientID%>input[type=checkbox]');

  checkboxes.each( function() {

    jQuery(this).attr("checked", !this.checked);
  });     
}

但是它行不通,有人可以帮我吗

0 个答案:

没有答案