如何从引导复选框按钮组获取值

How get values from a bootstrap checkboxes button group?

本文关键字：按钮 获取 复选框      更新时间：2023-09-26

我正在尝试使用Boostrap按钮复选框插件。它可以很好地提交数据，但是我想在客户端使用JS (jQuery)获得它的值。

如果它们是常规输入，那么我应该只读取"checked"参数。

期望的行为是能够从复选框中读取"checked"作为true或false状态。它适用于常规复选框。

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

当引导按钮插件激活时，我如何获得选中的复选框?

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

引导复选框通过在选择复选框时设置另一个输入来工作。你可以节省一些时间，只使用serialize()函数。它应该能给你一个整洁的数组:

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

其中form是表单的选择器。

.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文档中的代码示例。

相关文章：