在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属性。
有两种方法：
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获取不到文本值
