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＂）；

<form id="abc">

  <input type="checkbox" name="ck" />

  <input type="checkbox" name="ck" />

  <input type="checkbox" name="ck" />

  <input type="checkbox" name="ck" />

</form>var form = documentgetElementById('abc');

var input = formck; // 如果有多个相同的名字会返回dom collection(类似数组)

if(input && inputlength) {

    // dom collection

} else if (input) {

    // dom

} else {

    // 没有

}

1、首先创建一个名称为 checkbox_form_id的html文件 。

2、添加2个input元素 设置input类型为checkbox设置并分别设置id，添加一个form设置id为“thisisformid”。

3、添加一个button按钮，在点击事件中加入自定义函数my_checkbox_form_id，添加一p标签，设置id 为 show_checkbox_form_id。

4、在javascript中创建一个自定义函数   my_checkbox_form_id。

5、在自定义函数中获取input对象。用form属性获取表单对象，用表单的id属性获取表单的id值，并将结果显示到p标签中。

6、最后在浏览器中打开文件，点击button查看获取到的表单id效果。

你可以把3组checkbox放入groupbox, panel 等container中，checkbox的索引值放入 tabindex或tag中，则程序很简洁。

//遍历CheckBox方法1

foreach (Control c in groupBox1Controls)//遍历groupBox1内的所有控件

{

if (c is CheckBox)//只遍历CheckBox控件

{

((CheckBox)c)Checked = (pdwPortVal & (1 << (checkBox8TabIndex - cTabIndex))) != 0;

}

}

//遍历CheckBox方法2

/

for (int i = 8; i >= 1; i--)

{

((CheckBox)thisControlsFind("checkBox" + i, true)[0])Checked = (pdwPortVal & (1 << (8 - i))) != 0;

}

<s:iterator

value="bookList"

id="book">

<s:property

value="name"/>

<input

type="checkbox"

name="bookIds"

value="$"

<s:iterator

value="bookIds"

id="id">

<s:if

test="#bookid==id">

checked="checked"

</s:if>

</s:iterator>

/>

<br/>

<%--checkbox的结尾--%>

</s:iterator>

bookList是action中的List<Book>属性，查询数据库所有的book放值栈中

bookIds是action中的Integer[]属性，某个人已经选的书

你可以使用JS去完成这样的功能，将客户选中的复选框的值保存到一个隐藏表单域中

然后通过后台获取隐藏表单域的值就可以了，给你一段代码，希望你能得到启发

<input type="hidden" id="hidTableValue" runat="server" />

function CheckBoxs() {

var checkBoxList = documentgetElementsByTagName("input");

var ckValue = "";

for (var i = 0; i < checkBoxListlength; i++) {

if (checkBoxList[i]type == "checkbox" && checkBoxList[i]checked){

ckValue += checkBoxList[i]value + ",";

}

documentgetElementById("hidTableValue")value = ckValue ;

}

然后再后台 通过 thisckValuevalue 就可以获取到用户选中的复选框的值

希望能帮到你

以上就是关于jquery获取div中checkbox 选中的个数全部的内容，包括:jquery获取div中checkbox 选中的个数、js 获取form中所有name相同的checkbox、在form表单中如何来获取checkbox（多选框）的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！