jquery - 检查由引导多选创建的所有未选中的复选框

Question

我需要找到一种方法来检查由 bootstrap-multiselect 创建的 Web 表单上的所有复选框。

我尝试使用下面的代码，但没有运气，当前的复选框都没有被选中：

function checkUnchecked() {

    var all = $(this);
    $('input:checkbox').each(function() {
       $(this).prop("checked", all.prop("checked"));
    });
    $('#resortId').multiselect('rebuild');
}

表单上的所有多选字段都是动态创建的，因此我无法使用以下调用来选择它们：

$('#resortId').multiselect('select', ['1', '2', '4']);

Answer 1

我认为问题在于您在循环之外声明“全部”。无论如何，您不需要使用多选，是吗？我不明白你的“全部”声明的意义。

function checkUnchecked() {

    $('input:checkbox').each(function() {
       $(this).prop('checked', true);
    });
    $('#resortId').multiselect('rebuild');
}

Answer 2

试试这个java脚本，

function cat(source) {
  checkboxes = document.getElementsByName('cat[]');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
} 

你的html文件应该是这样的

 <label>
            <input type="checkbox" onClick="cat(this)">
            Select All </label>

这是全选，你剩下的复选框应该是这样的

<input type="checkbox" name="cat[]"  value="">