jQuery複選框：選擇全部/無，除了一個

Question

我有一個複選框選擇所有問題。我有多個複選框可以由主控制器觸發。

如果主人是檢查，那麼你可以選擇任何複選框（這是工作）。現在我的問題是，當我檢查「沒有」，他們全都不見了，即使主人

我需要的不是取消選中主人。我可以根據需要選擇多少複選框。

有沒有一個解決方案做到這一點，而不是每個都放一個ID或自動取消選中所有複選框而不是主控制器？

這裏是我的代碼：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script type="text/javascript"> 

    $(document).ready(function() { 
    $('#checkAll').click(function() { 
    if(!$('#master').is(':checked')) { return; 
    } $('input[type="checkbox"]').attr('checked', true); 
    }); 

    $('#checkNone').click(function() { 
    $('input[type="checkbox"]').attr('checked', false); }); 

    $('#master').click(function() { if($('#master').is(':checked')) { 
     return; } $('input[type="checkbox"]').attr('checked', false); 
    }); 
    $('input[type="checkbox"]').click(function() { 
    if(!$('#master').is(':checked')) { $(this).attr('checked', false); 
    } 
    }); 
    }); 

    </script> 
    </head> 

    <input type="checkbox" value="master" id="master">master 
    <span id="checkAll">All</span> 
    <span id="checkNone">None</span> 

    <input type="checkbox" value="1" id="c1">1 
    <input type="checkbox" value="2" id="c2">2 
    <input type="checkbox" value="3" id="c3">3 
    <input type="checkbox" value="4" id="c4">4 
    <input type="checkbox" value="5" id="c5">5 

Answer 1

基於您的代碼，我想補充各地的複選框的包裝要選擇所有/沒有，然後給包裝標識和輸入選擇全部或沒有。

$('#list input[type="checkbox"]').attr('checked', false);

或jQuery的1.6+

$('#list input[type="checkbox"]').prop('checked', false);

這樣，你就可以控制所有的複選框，而不會影響 「主」 之一。

下面的代碼：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
$('#checkAll').click(function() { 
    if(!$('#master').is(':checked')) { 
     return; 
    } 
    $('#list input[type="checkbox"]').attr('checked', true); 
}); 

$('#checkNone').click(function() { 
    $('#list input[type="checkbox"]').attr('checked', false); 
}); 

$('#master').click(function() { 
    if($('#master').is(':checked')) { 
     return; 
    } 
    $('#list input[type="checkbox"]').attr('checked', false); 
}); 
$('#list input[type="checkbox"]').click(function() { 
    if(!$('#master').is(':checked')) { 
     $(this).attr('checked', false); 
    } 
}); 
}); 

</script> 
</head> 

<input type="checkbox" value="master" id="master">master 
<span id="checkAll">All</span> 
<span id="checkNone">None</span> 

<div id="list"> 
<input type="checkbox" value="1">1 
<input type="checkbox" value="2">2 
<input type="checkbox" value="3">3 
<input type="checkbox" value="4">4 
<input type="checkbox" value="5">5 
</div> 

Answer 2

你只需要一個非常小的修改，以排除你的主人。

你可以做到這一點的.not（「＃主」）像這樣：

$('#checkNone').click(function() { 
    $('input[type="checkbox"]').not("#master").attr('checked', false); });