点击复选框启用和禁用复选框

Question

嗨 我想再次启用复选框，如果用户取消勾选已选中的复选框。然而在我的情况下，元素的id和name应该是相同的。复选框都得到他们的价值观的基础上，以同样的方式，我想，让他们回来禁用...

<input type="checkbox" value="1" id="preferenceid" name="preferenceid"> 
    <span>MBA</span>   
    <input type="checkbox" value="2" id="preferenceid" name="preferenceid"> 
    <span>Integrated MBA</span>   
    <input type="checkbox" value="3" id="preferenceid" name="preferenceid"> 
    <span>MBA/PhD</span>   
    <input type="checkbox" value="4" id="preferenceid" name="preferenceid"> 
    <span>Diploma</span>   
    <input type="checkbox" value="5" id="preferenceid" name="preferenceid"> 
    <span>BA(Mass Communication)</span>   
    <input type="checkbox" value="6" id="preferenceid" name="preferenceid"> 
    <span>BBA</span> 




<script type='text/javascript'> 
    $('#preferenceid[value="1"],#preferenceid[value="2"],#preferenceid[value="3"],#preferenceid[value="4"]').click(function() { 
       $('#preferenceid[value="5"],#preferenceid[value="6"]').attr("disabled",true); 
      }); 


     $('#preferenceid[value="5"],#preferenceid[value="6"]').click(function() { 
      $('#preferenceid[value="1"],#preferenceid[value="2"],#preferenceid[value="3"],#preferenceid[value="4"]').attr("disabled",true); 

     }); 


      if($('#preferenceid[value="1"],#preferenceid[value="2"],#preferenceid[value="3"],#preferenceid[value="4"]').attr('checked')) { 
      $('#preferenceid[value="5"],#preferenceid[value="6"]').attr("disabled",true); 
     } 

     if($('#preferenceid[value="5"],#preferenceid[value="6"]').attr('checked')) { 
      $('#preferenceid[value="1"],#preferenceid[value="2"],#preferenceid[value="3"],#preferenceid[value="4"]').attr("disabled",true); 

     } 
</script> 

Answer 1

Disable And Enable Input Elements In A Div Block Using jQuery

这里看看吧。 不要忘记使元素ID唯一