jQuery: отключить все флажки, отличные от текущего

У меня есть флажки, которые должны действовать аналогично переключателям радиокнопки. По сути, когда вы проверяете, все остальные должны быть сняты. Как я могу достичь этого с минимальной болью?jQuery: отключить все флажки, отличные от текущего

Итак, подведем итоги. Если флажок установлен, все остальные (братья и сестры) должны быть непроверены, оставив кликнув один контрольный статус нетронутым.

Я уже знаю, как снять отметку со всех флажков, но если бы я сделал это, я должен был сначала сохранить проверенное состояние флажка, который был отмечен, а затем повторно применить его после снятия отметки со всех флажков. Я задавался вопросом, есть ли способ сделать это с помощью некоторых причудливых селекторов jQuery или некоторых таких.

источник

2011-02-08 Chris

проверка http://stackoverflow.com/questions/2279760/how-to-reset-all-checkboxes-using-jquery-or-javascript – JakeParis

Я знаю, как это сделать , Я действительно ищу лучший способ, чем сохранение состояния исходного флажка, а затем повторное его использование. – Chris

С помощью переключателей. Серьезно, радио-кнопки есть не просто так. Люди ожидают, что переключатели «1 из n» и флажки будут выбраны как «0 до n».

Во всяком случае, вот код:

$('input:checkbox').click(function() { 
    $(this).siblings('input:checkbox').removeAttr('checked'); 
});

Демо: http://jsfiddle.net/ThiefMaster/AVEjt/

Но, пожалуйста, только использовать его, если вы на самом деле нужно, чтобы позволить пользователю, чтобы снять все. Тогда это приемлемо - иначе переключатели намного лучше.

источник

2011-02-08 16:51:42 ThiefMaster

Я уверен, что у него есть веская причина для их использования. Это действительно комментарий, а не ответ. –

- мой -1 для фактической помощи в конце. –

Я включил ответ через полминуты после публикации комментария. ;) – ThiefMaster

Попробуйте это:

$(':checkbox').not(selector_for_current).attr('checked', false);

Где selector_for_current является «текущей», часто this, если вы находитесь в функции обратного вызова.

источник

2011-02-08 16:52:42 Alnitak

Нужно ли использовать '$ (this)' или будет просто 'this' достаточно, поскольку он находится в функции jQuery? – Chris

Получил работу - отличный код спасибо - это именно то, что я искал! – Chris

'this' - элемент DOM (внутри обработчика событий и т. Д.),' $ (This) 'объект jQuery. Как аргумент '.not()' элемент DOM отлично работает. – ThiefMaster

Попробуйте это:

$(function() { 
    $("input[type=checkbox]").click(function(){ 
     $(this).siblings("input[type=checkbox]:not(this)").attr("checked", ""); 
    }); 
});

См example.

источник

2011-02-08 16:57:00

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

$("#myform").click(function(e) { 
    if ($(e.target).is("input:checkbox")) { 
     $("input:checkbox", this).not(e.target).removeAttr("checked"); 
    } 
})

Демо: http://jsfiddle.net/Gs3wa/

источник

2011-02-08 17:19:49

jQuery: отключить все флажки, отличные от текущего

ответ

Смежные вопросы