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

时间:2011-04-04 08:43:14

标签: javascript jquery

喜 如果用户取消选中已选中的复选框,我想再次启用复选框。但是在我的情况下,元素的id和名称应该相同。复选框根据它们的值被禁用,并且我想以同样的方式启用它们......

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

1 个答案:

答案 0 :(得分:0)

Disable And Enable Input Elements In A Div Block Using jQuery

请看这里。 并且不要忘记使元素ID唯一