Bootstrap不使用checkbox的“checked”属性

我正在使用Bootstrap。 我有一个表格，在标题和每个列中都有一个复选框。 我试图在jQuery上制作“全部检查”function，但似乎bootstrap不使用checked属性。 正如我所见，它在我的复选框周围添加了span标记，并为其添加了一个“已检查”的类。 是否有可能使用check attr，或者我必须忘记它并编写类检查和切换？

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

这是未经检查的。 它被检查，第三行更改为：

Answer 1

这项工作取消选中

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

Answer 2

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

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

Answer 3

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

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

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

Answer 4

这对我有用：

 $('#form-new-event input[type=checkbox]').parents('span').removeClass("checked"); $('#form-new-event input[type=checkbox]').removeAttr("checked"); 

Answer 5

     $（document）.ready（function（）{
         $（“[type = checkbox]”）。on（“click”，function（）{
             if（$（this）.attr（“checked”）== undefined）{ 
                     $（本）.attr（ “选中”， “检查”）;
                 } else {
                    $（本）.attr（ “选中”，假）;
                 }
         }）;
     }）;

Answer 6

使用jQuery

 $("input[name='theCheckboxName']").is(":checked"); // Returns true or false 

要么

 $("input[name='theCheckboxName']").prop("checked"); // Returns true or false 

这将检查DOM元素的“checked”属性，而不是标记上“checked”属性的存在。 使用此方法可以避免设置和取消设置“已检查”属性。

---

在Markup

 
   Yes   

这会使复选框默认选中。 “checked”属性仍应用于以编程方式确定状态。

---

查看此链接以获取更多信息：

http://www.tutorialrepublic.com/faq/how-to-check-a-checkbox-is-checked-or-not-using-jquery.php

Answer 7

 $('#your-checkbox-id').parents('span').removeClass("checked").end().removeAttr("checked").change(); 

要么

 $('#your-checkbox-id').prop('checked') && $('#your-checkbox-id').click(); 

PS：最后一个将模拟点击（仅当选中复选框时）。 如果您不想触发事件，请使用第一个事件并删除“change（）”调用。