本文目录一览：
在js中怎样获得checkbox里选中的多个值？
举个例子，比如如下是HTML的结构：
这里推荐使用jQuery库，比较方便。以下是代码：
大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）
具体解释一下：
首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。
扩展资料：
Checkbox 对象代表一个 HTML 表单中的 一个选择框。
在 HTML 文档中 input type=”checkbox” 每出现一次，Checkbox 对象就会被创建。
您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。
参考资料：MDN—关于CheckBox属性
js中怎么获取checkbox选中的值
js中获取checkbox选中的值的方法：
script
function checkbox()
{
var str=document.getElementsByName(“box”);
var objarray=str.length;
var chestr=””;
for (i=0;iobjarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+”,”;
}
}
if(chestr == “”)
{
alert(“请先选择一个爱好”);
}
else
{
alert(“先择的是：”+chestr);
}
}
/script
选择爱好：
input type=”checkbox” name=”box” id=”box1″ value=”跳水” /跳水
input type=”checkbox” name=”box” id=”box2″ value=”跑步” /跑步
input type=”checkbox” name=”box” id=”box3″ value=”听音乐” /听音乐
input type=”button” name=”button” id=”button” onclick=”checkbox()” value=”提交” /
JS中怎么获取checkbox选中的值？
有两种方法：
1、方法一HTML结构如下：
2、方法二javascript代码如下：
3、显示效果如下：
js获得多个checkbox选中的值的方法：
一、代码如下：
二、后台获得参数为：
//获得的均为数组值：
String checboxValues=request.getParameter(“checboxValue”);
String checboxTexts=request.getParameter(“checboxText”);
//得到每个具体值：
String checboxValue=checboxValues.split(“,”);
String checboxText=checboxTexts.split(“,”);
三、备注：
nextSibling是获得当前对象的下一个对象，nodeValue是返回一个节点的值
使用该方法必须保证文本值在input后面，否则checkboxStr[i].nextSibling.nodeValue获取不到文本值
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/256611.html
微信扫一扫 
支付宝扫一扫 