У меня ниже 4 флажков.
<input type="checkbox" id="41" name="4[]" value="abc" style="width:10px"></td> <input type="checkbox" id="42" name="4[]" value="qwe" style="width:10px"></td> <input type="checkbox" id="43" name="4[]" value="xyz" style="width:10px"></td> <input type="checkbox" id="44" name="4[]" value="pqr" style="width:10px"></td> Мне нужно отключить другие флажки, если я выберу два из них.
Любая помощь приветствуется.
Вы можете использовать:
$(":checkbox[name='4[]']").change(function(){ if ($(":checkbox[name='4[]']:checked").length == 2) $(':checkbox:not(:checked)').prop('disabled', true); else $(':checkbox:not(:checked)').prop('disabled', false); });
Рабочая демонстрация
Попробуй это
$('input:checkbox').on('change', function(evt) { if($(this).siblings(':checked').length >= 2) { this.checked = false; console.log(this.value) } });
DEMO
Попробуй это.
Javascript
$('input[type=checkbox]').change(function(){ if($(this).is(':checked')){ $('input[type=checkbox]').attr('disabled',true); $(this).attr('disabled',''); } else{ $('input[type=checkbox]').attr('disabled',''); } });
HTML
1 <input type="checkbox" name="finallevelusers[]" value="1"/> 2 <input type="checkbox" name="finallevelusers[]" value="1"/> 3 <input type="checkbox" name="finallevelusers[]" value="1"/> 4 <input type="checkbox" name="finallevelusers[]" value="1"/>
демонстрация
Прежде всего, добавьте уникальный идентификатор к каждому флажку. Затем вы можете присоединить функцию для изменения такого события:
$("input[type=checkbox]").change(function() { ... });
то просто посчитайте: проверенные предметы и вуаля:
var n = $("input:checked").length;
отдых, который вы можете сделать самостоятельно, я полагаю.
Демо-скрипт
$('[type="checkbox"]').change(function(){ if(this.checked && $(':checked').length == 2){ $('[type="checkbox"]').not(':checked').prop('disabled',true); } });
Используйте уникальные атрибуты идентификатора для ваших элементов.
Если нет общего атрибута, используйте общее имя класса универсального селектора типа $('[type="checkbox"]')
$(':checked').length with :checked pseudo позволяет находить только проверенные входы.
.prop('disabled',true); используется для отключения входов – Refer .prop () .