js中checkbox的值怎么获取?
在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属性。
编译前:<asp:CheckBox ID="chk1" runat="server" Text="11" />/*asp.net 为列*/
编译后:<input id="chk1" type="checkbox" name="CheckBox1" /><label for="chk1">11</label>
所以想通过.value获得文本值显然是不可能的了。可以通过下面的方法:
var chk_value=document.getElementById("chk1").nextSibling.innerText;