table中同一行的tr中有两个checkbox，怎么让一个被选中另一个也同时被选中，取消也如此，求JS， 30
<table><tr><td><inputtype="checkbox"name="box"id="box"value=""></td><td><inputtype="c...
<table>
<tr>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
</tr>
</table> 展开
<tr>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
<td>
<input type="checkbox" name ="box" id ="box" value="">
</td>
</tr>
</table> 展开
展开全部
<head>
<script type="text/javascript">
window.onload=function(){
var ck = document.getElementsByName('box');
var table = document.getElementsByTagName('table')[0];
var len = ck.length;
var index=0;
for(var i=0;i<len;i++)
{
ck[i].onclick=function()
{
index = this.parentElement.parentElement.rowIndex;
var temptr = table.rows[index];
var llen = temptr.children.length;
for(var k=0;k<llen;k++)
{
if(this.checked)
{
temptr.children[k].children[0].checked=true;
}
else
{
temptr.children[k].children[0].checked=false;
}
}
};
}
};
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" name ="box" id ="box1" value="" />a
</td>
<td>
<input type="checkbox" name ="box" id ="box2" value="" />b
</td>
</tr>
<tr>
<td>
<input type="checkbox" name ="box" id ="box3" value="" />c
</td>
<td>
<input type="checkbox" name ="box" id ="box4" value="" />d
</td>
</tr>
</table>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给checkBOX加一个valueChange事件，因为一开始没有选中的，如果选中了，就JS里面设置2个都选中，选中方法（得到对应checkbox对象，document.getElementById('id值').checked=true），如果开始选中了，现在没有选中，就都改成false）如果你的命名是一样的，可以得到一个对象组，循环控制是统一选中，或者不选中。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两个checkbox 的id 不能一样 可以定义相同的class 然后给它 绑定点击事件 根据class 改变checkbox的状态 就能把相同的checkbox同时选中取消了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
