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

在js中怎样获得checkbox里选中的多个值,第1张

举个例子,比如如下是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属性

可以参考下面的代码:

$(document)ready(function(){

varchecked=[];

$("#submitButton")click(function(){

$('input:checkbox:checked')each(function(){

checkedpush($(this)val());

});

alert(checked);

});

});

扩展资料:

jquery参考函数

$(”元素名称”)html(”<b>new stuff</b>”); 给某元素设置内容 

$(”元素名称”)removeAttr(”属性名称”) 给某元素删除指定的属性以及该属性的值 

$(”元素名称”)removeClass(”class”) 给某元素删除指定的样式 

$(”元素名称”)text(); 获得该元素的文本 

$(”元素名称”)text(value); 设置该元素的文本值为value

参考资料来源:百度百科-jQuery

<script src=";

给每个checkbox加一个id属性,id="check_1",id="check_2",id="check_3",然后在javascript里设一个值=check_的变量,在循环里可以让check_+i,这样就可以找到3个checkbox的id,在用documentgetElementById()就可以获得每个checkbox对象了,然后就可以 *** 作了,自己去发掘吧

这个应该是你在提交事件中没有获取checkbox的值吧

在按钮执行事件中,

如果checkbox是服务器段的,你可以循环gridview来获取checkbox的选中状态

如果是客户端的,你可以使用Requst["checkbox的名称"] 来获取选中的值

当然,所有checkbox的名称必须使用同一个,比如CHKNAME

以上就是关于在js中怎样获得checkbox里选中的多个值全部的内容,包括:在js中怎样获得checkbox里选中的多个值、jquery怎样获取多个复选框的值、利用jQUERY选择器获取下列文档中的单选按钮组中所选的值和一组checkbox选项的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9512764.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存