2016-08-22 5 views
0

2つのチェックボックスがあり、私のシナリオは「最初のチェックボックスをオンにすると2番目のチェックボックスをオンにし、2番目のチェックボックスにチェックを入れないでください。 最初にJavaScriptをチェックすると2番目のチェックボックスをオンにします

       </td> 
         </tr> 
         <tr> 
          <td style="width: 30%" align="right" class="label" nowrap="noWrap" valign="top"> 
             Audition Approved 
             </td> 
          <td style="width: 70%" align="left" class="label" nowrap="noWrap" valign="top"> 
           <asp:CheckBox ID="chkAuditionApproved" onclick="checkboxCheck();" runat="server" /> 

           </td> 
         </tr> 

答えて

0


 
     $(function() { 
 
      $("#chkAuditionApproved").click(function() { 
 
       if ($(this).is(":checked")) { 
 
        $("#chkbox2").removeAttr("disabled"); 
 
        $("#chkbox2").focus(); 
 
       } else { 
 
        $('#chkbox2').prop('checked', false); 
 
        $("#chkbox2").attr("disabled", "disabled"); 
 
       } 
 
      }); 
 
     });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<input type="checkbox" id="chkAuditionApproved" /> 
 
<input type="checkbox" id="chkbox2" disabled="disabled" />

+0

完了オーディション

+0

私は試してみましたが、最初にチェックしてからクリックできないようにしてください。 –

+0

最初に2番目のチェックボックスを無効にして、runat = "server" IDを使用していたので、Inspect要素を使ってIDを確認してください –

関連する問題