table中同一行的tr中有两个checkbox,怎么让一个被选中另一个也同时被选中,取消也如此,求JS,

2024-11-16 13:58:32
推荐回答(3个)
回答1:



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 {
ck[i].onclick=function()
{
index = this.parentElement.parentElement.rowIndex;
    var temptr = table.rows[index];
var llen = temptr.children.length;
 
for(var k=0;k {
 if(this.checked)
 {
     temptr.children[k].children[0].checked=true;
 }
 else
 {
     temptr.children[k].children[0].checked=false;
 }
    }

};
}
};







 

    
        
        
    
    
        
        
    

            a
        

            b
        

           c
        

            d
        

 

回答2:

给checkBOX加一个valueChange事件,因为一开始没有选中的,如果选中了,就JS里面设置2个都选中,选中方法(得到对应checkbox对象,document.getElementById('id值').checked=true),如果开始选中了,现在没有选中,就都改成false)如果你的命名是一样的,可以得到一个对象组,循环控制是统一选中,或者不选中。

回答3:

两个checkbox 的id 不能一样 可以定义相同的class 然后给它 绑定点击事件 根据class 改变checkbox的状态 就能把相同的checkbox同时选中取消了