2016-08-22 80 views
0

我有兩個複選框,我的方案是「如果第一個複選框被選中,則允許用戶檢查第二個複選框,否則不應該檢查第二個複選框。 試聽完成 允許檢查第二個複選框,如果首先在JavaScript中檢查

       </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

$(function(){(「#chkAuditionDone」)。click(function(){ if($(this).is(「:checked」)){ $( 「#chkAuditionApproved」)。removeAttr(「disabled」); $(「#chkAuditionApproved」)。focus(); } else {(「#chkAuditionApproved」)。attr(「disabled」,「disabled」); } }); }); –

+0

我試過,但當我clik檢查第一,然後不能第二個可點擊 –

+0

首先禁用第二個複選框,並使用Inspect元素檢查ID,因爲你已經使用runat =「服務器」ID將改變 –