你可以使用 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
1、首先，给需要控制的元素添加一个类名，比如disabled。
2、给checkbox添加一个onchange事件监听器。
3、在事件处理函数中，获取到需要控制的元素，遍历它们，将它们的disabled属性设置为与checkbox状态相反的值。
Hi，一组checkbox有多个对象，需要遍历后选中。假设我们通过form表单来获取所有的checkbox，当然您也可以设置id来获取。代码如下：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>js自动选中checkbox</title>
</head>
<form>
<input type="checkbox" name="testBox" value="1">选择1
<input type="checkbox" name="testBox" value="2">选择2
</form>
<body>
<script language="javascript">
for(var i=0; i<documentforms[0]testBoxlength; i++){
documentforms[0]testBox[i]checked = true;
}
</script>
</body>
</html>
1、获取复选框被选中值
<input type="button" id="btn5" value="获得选中的所有值">
<input type="text" name="dd" id="dd" size="50" />
$("#btn5")click(function(){
var str="";
$("[name='checkbox'][checked]")each(function(){
str+=$(this)val()+",";
})
$("#dd")val(str)
})
JQuery获取被选中复选框checkbox的个数
通过jQuery获取checkbox选中项的个数，需要用到jQuery的size()方法或length属性，下面的例子是通过length属性获得checkbox选中项的个数
<ul>
<li><input type="checkbox" name="test" />看电视</li>
<li><input type="checkbox" name="test" />看**</li>
<li><input type="checkbox" name="test" />上网</li>
<li><input type="checkbox" name="test" />爬山</li>
<li><input type="checkbox" name="test" />游乐场</li>
<li><input type="checkbox" name="test" />逛街</li>
<li><input type="checkbox" name="test" />聚会</li>
</ul>
<p>
<input type="button" id="count" value="有多少CheckBox被选中了？" />
<script type="text/javascript">
$(document)ready(function(){
$('input[type=checkbox]')click(function(){
$(this)attr('disabled','disabled');
if($("input[name='test']:checked")length >= 3)
{ $("input[name='test']")attr('disabled','disabled');}});
$("#count")click(function(){$('input')live('click',function(){
alert($('input:checked')length);
});})})
</script>
效果如图:
扩展资料：
JS日常用途
嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
控制cookies，包括创建和修改等。
基于Nodejs技术进行服务器端编程。
如果不考虑IE6、7（目前也没必要考虑），可以这样：
// 获取 table 下所有 td 下的 checkboxvar ckboxArr = documentquerySelectorAll('table td input');
以上就是关于js获得table行中列的值,就是checkbox如何获得选中那个获得相应的值全部的内容，包括:js获得table行中列的值,就是checkbox如何获得选中那个获得相应的值、js如何实现选中checkbox时,其他元素都非活性、js 怎么把所有选中的复选框 都变为 未选中状态等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）