Я сделал таблицу с флажками, которые показывают и скрывают строки, чтобы упростить сравнение определенных строк. Я хотел добавить неопределенные флажки, чтобы одновременно выбирать или не выбирать несколько строк. Это похоже на то, что он проверяет под ним поля, но не запускает функцию, чтобы скрыть или показать строку, даже если ее проверили. Однако отдельные флажки все еще срабатывают.Как установить неопределенный флажок для запуска функции других флажков?
Показать/скрыть строки с флажком
$('input[type = checkbox]').change(function() {
var valu = $(this).val();
var ischecked = $(this).is(":checked");
if(ischecked){
$('.' + valu).show();
}else{
$('.' + valu).hide();
}
});
неопределимых CheckBox для деления 1
$(document).ready(function() {
var checkboxes = document.querySelectorAll('input.div1'),
checkdiv1 = document.getElementById('checkdiv1');
for(var i=0; i<checkboxes.length; i++) {
checkboxes[i].onclick = function() {
var checkedCount = document.querySelectorAll('input.div1:checked').length;
checkdiv1.checked = checkedCount > 0;
checkdiv1.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;
}
}
checkdiv1.onclick = function() {
for(var i=0; i<checkboxes.length; i++) {
checkboxes[i].checked = this.checked;
}
}
});
Неопределенный Checkbox для разделения 2
$(document).ready(function() {
var checkboxes = document.querySelectorAll('input.div2'),
checkdiv2 = document.getElementById('checkdiv2');
for(var i=0; i<checkboxes.length; i++) {
checkboxes[i].onclick = function() {
var checkedCount = document.querySelectorAll('input.div2:checked').length;
checkdiv2.checked = checkedCount > 0;
checkdiv2.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;
}
}
checkdiv2.onclick = function() {
for(var i=0; i<checkboxes.length; i++) {
checkboxes[i].checked = this.checked;
}
}
});
Если один из наших ответов помог вам, пожалуйста, выберите один из них в качестве ответа. – Stef