在Twitter Bootstrap上切换复选框

我用Twitter Bootstrap制作了一组复选框。 现在我想做一个“全选”或“取消全选”按钮。 我怎么能用JS函数做到这一点？

Twitter Bootstrap文档说使用$（）。button（’toggle’）但它不起作用。

这是我的代码片段：

 
 
 
  C   M   Y   K  
 
  

Answer 1

从技术上讲，Twitter Bootstrap Buttons插件可以与元素一起使用，并使它们表现得好像是无线电或复选框输入。

此外， $().button('toggle')只是伪代码，实际上是与选择器一起使用，例如$('.btn-toggle').button('toggle') 。 但是，您的示例有点不合标准，因为您已为元素的按钮分配了类。

无论如何，尽管如此，如果您只想将所有输入框设置为true，您可以使用以下内容：

 $('.btn-group input[type="checkbox"]').prop('checked', true); 

的jsfiddle

如果你想用元素来做，它会是这样的：

的jsfiddle

但是，这会丢弃您正在使用的一堆输入数据。

Answer 2

谢谢merv！ 谢谢你，我来到这个解决方案：

 Toggle  

我没有像Twitter Bootstrap推荐的那样使用按钮标签，因为它不会按POST发送值。

Answer 3

没有JS，我找到了一种方法

http://codepen.io/ibanez182/pen/WxKABq/

 
 
   A checkbox  
 
 
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe ut molestias eius, nam neque esse eos modi corrupti harum fugit, hic recusandae praesentium, minima ipsa eligendi architecto at! Culpa, explicabo.