js获取checkbox的值有关问题
日期：2014-05-16 浏览次数：20466 次
js获取checkbox的值问题
前台脚本：
function checkAll()
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].checked== true))
{
alert(el[i].value); //这里每次只显示“on”，用el[i].name就能正确显示id：464，465
}
}
}
---------------------------------------------
后台asp.net生成checkbox：
CheckBox cb = new CheckBox();
cb.ID = classid; //字段id
cb.Text = classname; //字段名称
ph1.Controls.Add(cb);
---------------------------------------------
页面运行生成的html代码为：
<input id="464" type="checkbox" name="464" />
<label for="464"><b>水果</b><br /></label>
<input id="465" type="checkbox" name="465" />
<label for="465">苹果</label>
------解决方案--------------------
前台脚本：
function checkAll()
{
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; i<len; i++)
{
if((el[i].type=="checkbox") && (el[i].checked== true))
{
alert(el[i].value); //这里每次只显示“on”，用el[i].name就能正确显示id：464，465
}
}
}
---------------------------------------------
后台asp.net生成checkbox：
CheckBox cb = new CheckBox();
cb.ID = classid; //字段id
cb.Text = classname; //字段名称
ph1.Controls.Add(cb);
---------------------------------------------
页面运行生成的html代码为：
<input id="464" type="checkbox" name="464" />
<label for="464"><b>水果</b><br /></label>
<input id="465" type="checkbox" name="465" />
<label for="465">苹果</label>
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function getit(){
var chks=new Array();
var lbls=new Array();
var val='';
chks=document.getElementsByTagName('input');
lbls=document.getElementsByTagName('label');
for(var i=0;i<chks.length;i++){
if(chks[i].type.toString()=='checkbox'){
/*val+=document.getElementById(chks[i].id).innerText;
alert(val);*/
for(var j=0;j<lbls.length;j++){
if(lbls[j].getAttributeNode('for').value==chks[i].id){
val+=lbls[j].innerText.toString();
alert(val);
}
}
}
}
}
</script>
</head>
<body>
<input id="464" type="checkbox" name="464" />
<label for="464"> <b>水果 </b> <br /> </label>
<input id="465" type="checkbox" name="465" />
<label for="465">苹果 </label>
<input type="button" value="Get" onclick="getit();" />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
