js中checkbox的值怎么获取?

JavaScript014

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属性。

纯JS代码,太麻烦了,我使用的是jQuery,希望你能明白~!代码如下:var arr=new Array()

$("check").each(function(i, o) {

arr[i] = $(o).attr("name")

})注释:function(i,o)里,i代表下标,o代表单个复选框实体.希望能帮到你