你可以使用 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
<input type="checkbox" name="checkbox2" value="1" id="xxx1"/>
value是一样可以用value取的。value值就是 value="1" 中的1
但是一般除了这个值以外，我们先要关注的都是这个checkbox是不是选中了。
documentgetElementById("xxx1")checked
判断这个值是否是true。
（1）input的checked是一个html属性，checked的值没有意义，只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法，只要有checked就表示页面在加载的时候checkbox被选中，没有写就页面加载的时候checkbox就不被选中。
（2）同一个页面中用js获取checkbox是否选中：documentgetElementById("checkboxId")checked
（3）jsp中在提交时，浏览器会把选中的CheckBox的Value值，添加到一个String数组当中。在Servlet（jsp）中用
String[]
chk
=
requestgetParameterValues("CheckBox的名字");就能可到所有被选择的CheckBox值，如果没有选择则数组：chk
为null。
自己测试下就知道了
这个你可以在设计模板的时候，给checkbox添加一个onclick事件，如：
<asp:CheckBox ID= "chkItem1" runat= "server" onclick= "if(thischecked) chgText(getRowValue(this))"/>
下面是js脚本代码：
<script type = "text/javascript ">
function getRowValue(sender)
{//如果想在按钮里判断，可以取消注释的if语句，然后用getelementbyid获得checkbox控件组，用for循环遍历每个控件
//if(senderchecked){
var tblRow = senderparentNodeparentNode;
return tblRowcells[1]innerText; //具体要哪列的，自己去修改
//}
}
function chgText(text)
{
var objtext = documentgetElementById("Text1");
objtextvalue = objtextvalue + text + ",";
}
</script>
<input type="checkbox" id="box" value="sss1"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="checkbox" id="box" value="sss2"/>
<input type="button" name="btnOK" value="确定"/>
<script for = btnOK event=onclick>
var value="";
for (var i=0;i<boxlength;i++ ){
if(box[i]checked){ //判断复选框是否选中
value=value+box[i]value + " "; //值的拼凑 具体处理看你的需要,
}
}
alert(value);//输出你选中的那些复选框的值
</script>
<!DOCTYPE html>
<html xmlns=">
给那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之类的语句，如果那行一个都没有选则不打印
}
}
你可以使用 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
以上就是关于js获得table行中列的值,就是checkbox如何获得选中那个获得相应的值全部的内容，包括:js获得table行中列的值,就是checkbox如何获得选中那个获得相应的值、js中text、combobox的值都可以用.value获取，checkbox的值怎么获取、JSP中如何获取checkbox的状态（选中或非选中）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）