jQuery checkbox: выберите все/нет, кроме одного

Question

У меня есть флажок, выберите все проблемы. У меня есть несколько флажков, которые могут быть запущены с помощью мастера.

Если мастер-сервер является чекем, вы можете выбрать любой флажок (который работает). Теперь моя проблема заключается в том, что когда я проверяю «нет», все они ушли даже от ведущего

Мне нужно не снимать мастер. У меня может быть столько же, сколько и флажок.

Есть ли решение для этого, не помещая идентификатор на каждый или автоматически снимите флажок, а не главный?

вот мой код:

<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

Вам нужно всего лишь очень небольшие изменения, чтобы исключить вашего хозяина.

Вы можете сделать это с .Не («# мастер»), как это:

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