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

问题描述：

嗨我想再次启用复选框，如果用户取消勾选已选中的复选框。然而在我的情况下，元素的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>

元素的ID必须是**唯一的** - 您应该访问http://validator.w3.org/（哦，和你的'span '元素会更好地表示为'label'（具有适当的'for'属性） – Quentin 2011-04-04 08:48:00

感谢您的信息david..reason是我必须动态生成id .. – Sachit 2011-04-04 09:28:03

它仍然是不允许的。生成**不同**动态ID。 – Quentin 2011-04-04 09:28:44

答

Disable And Enable Input Elements In A Div Block Using jQuery

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

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

相关推荐