Question

我正在尝试使用Boostrap buttons checkboxes插件。它适用于提交数据，但我想在客户端使用JS（jQuery）获取它的值。

如果它们是常规输入，那么我应该只读取“已检查”参数。

预期的行为是能够从复选框中将“已检查”作为真或假状态读取。它适用于常规复选框。

但是，如果您使用的是bootstrap插件，则检查状态不会改变。

如何在Bootstrap Button插件处于活动状态时获取所选复选框？

我正在使用Chrome 53并检查我的项目和Bootstrap site本身具有相同的行为

Answer 1

选择复选框时，

Bootstrap复选框通过设置另一个输入来工作。您可以节省一些时间，只需使用serialize()功能即可。它应该以一个漂亮的整齐数组给你所需要的东西：

var data = $('form').serialize();

form是表单的选择器。

Answer 2

.serialize()，将一组表单元素编码为用于提交的字符串。

.serialize()方法使用标准的URL编码表示法创建文本字符串。它可以作用于已选择单个表单控件的jQuery对象，例如<input>，<textarea>和<select>：$( "input, textarea, select" ).serialize();

下面的代码段选择<form>本身进行序列化，

$( "form" ).on( "submit", function( event ) {
  event.preventDefault();
  console.log( $( this ).serialize() );
});

序列化函数的输出示例

single=Single&multiple=Multiple3&check=check1&check=check2&radio=radio2

阅读有关此函数的更多信息，并查看官方jQuery文档here中的代码示例。