jquery获取div中checkbox 选中的个数

1．HTML结构

< input type = "checkbox" name = "test" value = "1" / > < span > 1 < / span >

< input type = "checkbox" name = "test" value = "2" / > < span > 2 < / span >

< input type = "checkbox" name = "test" value = "3" / > < span > 3 < / span >

< input type = "checkbox" name = "test" value = "4" / > < span > 4 < / span >

< input type = "checkbox" name = "test" value = "5" / > < span > 5 < / span >

2．Javascript代码：

函数show（）｛

Obj文件。getElementsByName（“测试”）；

Check＿val＝［］；

For（kinobj）｛

如果（obj［k］。检查）

Check＿val。Push（obj［k］。值）；

｝

警报（check＿val）；

｝

扩展资料：

JQuery对复选框的各种 *** 作：

1．根据id获取复选框：

＄（＂＃cbCheckbox1＂）；

2．得到所有的复选框：

＄（＂input［type＝＇checkbox＇］＂）；／／或

＄（＂input［name＝＇cb＇］＂）；

3．获得所有选中的复选框：

＄（＂input：thecheckboxchecked＂）；／／或

＄（＂input：［type＝＇checkbox＇］：checked＂）；／／或

＄（＂input［type＝＇checkbox］：checked＂）；／／或

＄（＂input：［name＝＇ck＇］：checked＂）；

举个例子，比如如下是HTML的结构：

这里推荐使用jQuery库，比较方便。以下是代码：

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

具体解释一下：

首先用documentgetElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。

扩展资料：

Checkbox 对象代表一个 HTML 表单中的 一个选择框。

在 HTML 文档中 <input type="checkbox"> 每出现一次，Checkbox 对象就会被创建。

您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 documentgetElementById() 。

参考资料：

MDN—关于CheckBox属性

思路：通过 :checked 筛选 checkbox 选中项，然后进行遍历，利用节点关系获取到input对象，最后使用val()方法获取input的内容。实例演示如下:

1、HTML结构

<table>

<tr>

<td><input type="checkbox" name="test"></td>

<td><input type="text"></td><td><input type="text"></td>

</tr>

<tr>

<td><input type="checkbox" name="test"></td>

<td><input type="text"></td><td><input type="text"></td>

</tr>

</table>

<input type="button" value="确定">

2、jquery代码

$(function(){

$(":button")click(function() {

// 找到选中行的input

var ipts = $(":checkbox:checked")parents("tr")find("input:text");

// 遍历input并使用val()方法获取值

str = map(function() {return $(this)val();})get()join(", ");

alert(str);

});

});

常用的就两种：

$("input")attr("checked") == "checked" or "undefined"

$("input")prop("checked") == true or false

可以参考网页链接

以上就是关于jquery获取div中checkbox 选中的个数全部的内容，包括:jquery获取div中checkbox 选中的个数、在js中怎样获得checkbox里选中的多个值、怎样获取input为checkbox选中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！