特定のクラスを持つtd内のすべてのチェックボックスのうち1つだけをチェックする必要があります

Question

私は以下のようにテーブル形式でレンダリングされるgridviewを持っています。各行には12のチェックボックスがあり、その中に4つのチェックボックスのセットが同じクラスを共有します。今私は、特定のクラスを持つtd内のすべてのチェックボックスの中でチェックしなければならないcheck.classは、各tdに動的に関連付けられている必要があります。例えば、私はクラス 'gvclass1'を持つすべてのtdsの中で一度にチェックすることができます。 td selector.please内でクラス名の動的変数を手助けしてください。

<div> 
     <table runat="server" border="1" width="100%"> 
     <tr class="row0"> 
     <td colspan="4" >Aetna commercial</td> 
     <td colspan="4">anthem blue cross</td> 
     <td colspan="4">anthem healthy</td> 
     </tr> 
     <tr class="row1"> 
     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox1" runat="server" Checked="true" /></td> 
     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox2" runat="server" /></td> 
     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox3" runat="server" /></td> 
     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox4" runat="server" /></td> 
      <td class="gvclass2"> 
       <asp:CheckBox ID="CheckBox5" runat="server" Checked="true" /></td> 
     <td class="gvclass2"> 
      <asp:CheckBox ID="CheckBox6" runat="server" /></td> 
     <td class="gvclass2"> 
      <asp:CheckBox ID="CheckBox7" runat="server" /></td> 
     <td class="gvclass2"> 
      <asp:CheckBox ID="CheckBox8" runat="server" /></td> 
      <td class="gvclass3"> 
       <asp:CheckBox ID="CheckBox9" runat="server" Checked="true" /></td> 
     <td class="gvclass3"> 
      <asp:CheckBox ID="CheckBox10" runat="server" /></td> 

     <td class="gvclass3"> <asp:CheckBox ID="CheckBox11" runat="server" /></td> 
     <td class="gvclass3"> 
      <asp:CheckBox ID="CheckBox12" runat="server" /></td> 
     </tr> 
     <tr class="row2"> 

     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox13" runat="server" Checked="true" /></td> 
     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox14" runat="server" /></td> 
     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox15" runat="server" /></td> 
     <td class="gvclass1"> 
      <asp:CheckBox ID="CheckBox16" runat="server" /></td> 
      <td class="gvclass2"> 
       <asp:CheckBox ID="CheckBox17" runat="server" /></td> 
     <td class="gvclass2"> 
      <asp:CheckBox ID="CheckBox18" runat="server" /></td> 
     <td class="gvclass2"> 
      <asp:CheckBox ID="CheckBox19" runat="server" checked="true"/></td> 
     <td class="gvclass2"> 
      <asp:CheckBox ID="CheckBox20" runat="server" /></td> 
      <td class="gvclass3"> 
       <asp:CheckBox ID="CheckBox21" runat="server" /></td> 
     <td class="gvclass3"> 
      <asp:CheckBox ID="CheckBox22" runat="server" /></td> 
     <td class="gvclass3"> 
      <asp:CheckBox ID="CheckBox23" runat="server" checked="true"/></td> 
     <td class="gvclass3"> 
      <asp:CheckBox ID="CheckBox24" runat="server" /></td> 
     </tr> 
     </table> 

    </div> 

Answer 1

すべてのチェックボックスにイベントリスナーを作成する必要があります。親tdクラスを確認し、同じtd親クラスを持つ他のすべてのチェックボックスをオフにします。私はこれがあなたを助けることを望んでいます。

jQuery('input[type="checkbox"]').click(function(){ 
var parentClass = jQuery(this).parent('td').attr('class'); 
var checked = jQuery(this); 
jQuery('.'+parentClass+' input[type="checkbox"]').each(function(i,e){ 
    jQuery(this).prop('checked', false); 
}) 
jQuery(checked).prop('checked', true); 

}）あなたが使用していないのはなぜ