Html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" ">
<html>
<head>
<script>
function showCB(){
var text="";
target=documentgetElementById("checkboxdiv");
var cbs = documentgetElementsByName("cb"); //获取到name相同的复选框标签
for(i=0;i<cbslength;i++){
if(cbs[i]checked) //如果此复选框被选中，就对text进行叠加
text+=cbs[i]value+" ";
}
targetinnerHTML=text=="""请选择一项":text;
//如果text的值为空，就表示没选项被选中，提示用户选中一项!
}
</script>
</head>
<body>
<input name="cb" type="checkbox" value="踢球" />踢球
<input name="cb" type="checkbox" value="看书" />看书
<input name="cb" type="checkbox" value="军事" />军事
<input name="cb" type="checkbox" value="历史" />历史
<input type="button" value="提交" onclick="showCB()" />
<div id='checkboxdiv'></div>
<body>
</html>
你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)
点击 checkbox，获取 parentNode (也就是 td)，tdcellIndex 就是所在列的键值
点击 checkbox，获取 parentNodeparentNode (也就是 tr)，trrowIndex 就是所在行的键值
<script type="text/javascript">// 点击
documentonclick = function(e) {
// 兼容 event 和 target
e = e || windowevent;
var target = etarget || esrcElement;
// 确认是 checkbox
if(targettagNametoLowerCase() === "input"
&& targettype === "checkbox") {
// 获取行列键值
var row_num = targetparentNodeparentNoderowIndex;
var col_num = targetparentNodecellIndex;
// 输出
alert(row_num + " " + col_num);
}
};
</script>
因为键值是从 0 开始，一般需要 +1 才是行列数，但因为你表单中第一行个第一列都是文字，所以不需要 +1 正好输出需要的数字，例如点击周四 + 6，会输出 4 6
你的思路没有对
你这样搞这么多变量干什么？
机器配置差点的开你这个网页要整死。
下面是我前几天写的。是批量复选，最后存到了变量TEMP里面，假如我有10行，我选中了1，3，5，8，9，10出来的如果就是p_list1|p_list3|p_list5|p_list8|p_list9|p_list10|,得到这个后再用截取函数取出来不就完了
function p_save(str){
var temp="";
for(i=1;i<str;i++){
if(documentgetElementById("p_list"+i)checked==true){
temp="p_list"+i+"|"+temp;
}else{
}
}
在实际应用中，偶尔会用到复选框checkbox的值,那么如何获取它的值呢？本文接下来会介绍使用js获取复选框值,需要的朋友可以了解下
<script>
function checkbox()
{
var str=documentgetElementsByName("box");
var objarray=strlength;
var chestr="";
for (i=0;i<objarray;i++)
{//欢迎来到脚本之家，很好记，脚本之家，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if(str[i]checked == true)
{
chestr+=str[i]value+",";
}
}//欢迎来到脚本之家，很好记，脚本之家，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if(chestr == "")
{
alert("请先选择一个爱好～！");
}
else
{
alert("您先择的是："+chestr);
}
}
</script>
<a href="<#ZC_BLOG_HOST#>">脚本之家</a>,站长必备的高质量网页特效和广告代码。zzjsnet，站长js特效。<hr>
<!--欢迎来到脚本之家-->
选择您的爱好：
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
给那table加个ID为“table”
var rows = documentgetElementById("table")rows;
for(var i=0;i<rowslength;i++){
if(rows[i]cells[2]firstChildchecked||rows[i]cells[3]firstChildchecked||rows[i]cells[4]firstChildchecked){
var str = rows[i]cells[0]innerHTML+" "+rows[i]cells[1]innerHTML;
if(rows[i]cells[2]firstChildchecked)
str += " "+1;
else
str += " "+0;
if(rows[i]cells[3]firstChildchecked)
str += " "+1;
else
str += " "+0;
if(rows[i]cells[4]firstChildchecked)
str += " "+1;
else
str += " "+0;
alert(str);//打印出如：abc abc 1 0 1之类的语句，如果那行一个都没有选则不打印
}
}
以上就是关于关于js中获取到combobox选中值的问题！！全部的内容，包括:关于js中获取到combobox选中值的问题！！、js获得table行中列的值,就是checkbox如何获得选中那个获得相应的值、动态复选框 使用js 判断是否选中 需要使用js 判断 多少个选中，并获取他们的值。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）