js中checkbox的值怎么获取？

JavaScript023

js中checkbox的值怎么获取？,第1张

在checkbox加上同样的name属性

直接上代码：

function Lond_ckeck(objname){

obj = document.getElementsByName(objname)

checkval = []

for(k in obj){

if(obj[k].checked)

checkval.push(obj[k].value)

}

return checkval

}

使用方法

效果

HTML代码

<!DOCTYPE html>

<html>

<head>

<title></title>

<script type="text/javascript" src='js/Lond.js'></script>

</head>

<body>

<input type="checkbox" name="hell" value="选中1">

<input type="checkbox" name="hell" value="选中2">

<input type="checkbox" name="hell" value="选中3">

<input type="checkbox" name="hell" value="选中4">

<button onclick="fun()">测试</button>

<script type="text/javascript">

function fun(){

alert(Lond_ckeck('hell'))//id)

}

</script>

</body>

</html>

如果上面出错请复制下面HTML代码：

HTML代码

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>

<body>

<input type="checkbox" name="hell" value="选中1">

<input type="checkbox" name="hell" value="选中2">

<input type="checkbox" name="hell" value="选中3">

<input type="checkbox" name="hell" value="选中4">

<button onclick="fun()">测试</button>

<script type="text/javascript">

function fun(){

alert(Lond_ckeck('hell'))//id)

}

function Lond_ckeck(objname){

obj = document.getElementsByName(objname)

checkval = []

for(k in obj){

if(obj[k].checked)

checkval.push(obj[k].value)

}

return checkval

}

</script>

</body>

</html>

注意事项： 传入参数一定是name属性。

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