js获取复选框的value值，jquery获取复选框是否被选中

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

如何用JS取得单选框radiobox和复选框checkbox当前选中的值

1、首先新建一个html文件，命名为test.html，在test.html文件内，在p标签内，使用input标签创建三个checkbox选项用于测试。在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得checkbox选中数量”。

2、大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）具体解释一下：首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。

3、设置radio的checked属性为ture即为选中。

4、补充：你可以试着这样做当你动态添加控件的时候为每个radio添加一个onclick事件，事件的内容是把自己的value给一个hidden，然后直接点按钮的时候取那个hidden的值就行了。--- 再次补充：是的，不然你就遍历一次就好了，其实客户端遍历是很快的事情，不用考虑效率问题。

5、单选radio和多选checkbox，获取它们的值最好还是用一个公共变量如state来保存，因为它们的值只能在触发事件中获取，不像text控件可以后期提交时获取。初始值可以通过 defaultChecked={true} 来设置。radio例子：如果是checkbox，用div包住不合适，因为div每次点击只能获取点击一次的值。

6、利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。

相关问答

Q1: js中text、combobox的值都可以用.value获取,checkbox的值怎么获取?

思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。

大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）具体解释一下：首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。

利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。

：使用request.getParameterValues(keyName)获取checkbox、select值；在使用过程，如果select使用id标识，而不是name，则getParameterValues返回“”。2：客户端控件在服务器端不能获取。必须加上runat=server。

首先新建一个html文件，命名为test.html，在test.html文件内，在p标签内，使用input标签创建三个checkbox选项用于测试。在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得checkbox选中数量”。

添加一个button按钮，在点击事件中加入自定义函数my_checkbox_form_id，添加一p标签，设置id 为 show_checkbox_form_id。在javascript中创建一个自定义函数 my_checkbox_form_id。在自定义函数中获取input对象。

Q2: 在js中怎样获得checkbox里选中的多个值?

1、利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。

2、JS获取多选框checkbox被选中的个数。var checkbox = document.getElementsByName(likes[])；//此处通过此种方式才能获得多选框为数组。

3、思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。

4、思路：先获取checkbox对象，然后循环判断每个checkbox的checked属性（true为选中，false为未选中）。

5、思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。

Q3: 原生JS——checkbox操作技巧

一是给定id，用getElementById(id号)来获取，如果有多个复选框可以依据具体情况设定不同id以区别。如：获取时只需要document.getElementById(chk1)。还有一种是这种情况：这时可以先获取复选框的父级，再利用索引获取需要的复选框。