给那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之类的语句，如果那行一个都没有选则不打印
}
}
有很多种方法啊，一般常用的有两种。
一是给定id，用getElementById(id号)来获取，如果有多个复选框可以依据具体情况设定不同id以区别。如：
<input
type="checkbox"
id="chk1"
/>
<input
type="checkbox"
id="chk2"
/>
<input
type="checkbox"
id="chk3"
/>
获取时只需要documentgetElementById("chk1")。
还有一种是这种情况：
<div
id="container">
<input
type="checkbox"
value="aaa"
/>
<input
type="checkbox"
value="bbb"
/>
<input
type="checkbox"
value="ccc"
/>
</div>
这时可以先获取复选框的父级，再利用索引获取需要的复选框。
比如现在要获取上方第二个checkbox，就可以这样做：
var
checkboxArr
=
documentgetElementById("container")getElementsByTagName("input");
那么第二个checkbox就是checkboxArr[1]（索引是从0开始的）。
获取到需要的checkbox之后只需设置其checked属性为true就行了。如：
documentgetElementById("chk1")checked
=
true;
或
checkboxArr[1]checked
=
true;
获取checkbox中所有选中值及input后面所跟的文本；
参考代码如下：
<html>
<head>
<meta >
你可以使用 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
<script language="javascript">
function show(){
var che=documentgetElementsByName("checkbox");
for(var i=0;i<chelength;i++){
if(che[i]checked){
alert(che[i]value);
}
}
}
</script>这是获取到多个复选框时被选中的值，你试试
其实你要认识到一点，不管什么控件到浏览器都是html控件，下面代码直接复制希望对你有帮助
function s() {
var el=documentgetElementById("CheckBoxList1")getElementsByTagName("input");
var a = ellength;
for (var i = 0; i < a; i++) {
if (el[i]checked) {
alert(el[i]value);
}
}
}
2根据type="checkbox"选中所有checkbox
3修改checkbox选中状态
4获取checkbox的value
5一个简单的表格全选框功能实现
注：
1）通过documentquerySelectorAll()获得的NodeList类型，要使用for of进行遍历，使用for in会访问到队形自定义的properties
2）classList对应的DOMTokenList类型使用contains检查是否包含特定值
以上就是关于用Javascript怎么获取 checkbox 所选中的行的 其他列的 值全部的内容，包括:用Javascript怎么获取 checkbox 所选中的行的 其他列的 值、js怎样选中一个checkbox、js问题：如何获取checkbox选中值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）