Bootstrap不使用checkbox的"checked"属性

Question

我正在使用Bootstrap.我有一个表格,在标题和每个列中都有一个复选框.我试图在jQuery上做"检查所有"功能,但似乎bootstrap不使用checked属性.正如我所看到的,它在我的复选框周围添加了span标记,并为其添加了一个"已检查"的类.是否有可能使用check attr,或者我必须忘记它并编写类检查和切换？

下面是结果HTML中的部分代码:

<td>
  <div class="checker">
    <span class="">
      <input type="checkbox" class="payout_check" style="opacity: 0;">
    </span>
  </div>
</td>

这是未经检查的.它被检查,第三行更改为:

<span class="checked">

Answer 1

你可以使用道具.我遇到了同样的问题.在选中复选框时,选中的属性为undefined.当我将其更改为prop时,它根据复选框的状态给出了真值和假值.

$('#checkboxId').prop('checked');

Answer 2

如果我理解您的问题，我认为旧问题的答案应该会有所帮助。

$('#toggle-all').click(function() {
    $('.btn-group input[type="checkbox"]').prop('checked', true);
});

http://jsfiddle.net/mmfansler/g3mu8/

Answer 3

这项工作取消选中

jQuery('span', $('#uniform-You_id_checkbox')).removeClass("checked");

$('#You_id_checkbox').removeAttr("checked");