复选框隐藏多级表单的列,遇到问题是前两个复选框有作用,打点第一个for循环两次之后会报错( cell.style.display = 'table-cell';cell.style.display = 'none';)或者跳转其他js,
function showcategory(){
var category = document.getElementsByName("running");//复选框name=running
var tab = document.getElementById("editable-sample");//表格id
var leng = category.length;
for(var j = 0;j<leng;j++){
console.log(category[j].checked);
if(category[j].checked){//判断是否选中
var trs = tab.rows;//获取表格单元格
for(var i = 0, len = trs.length; i < len; i++){
var cell = trs[i].cells[j];
cell.style.display = 'table-cell';
}
}else{
var trs = tab.rows;
for(var i = 0, len = trs.length; i < len; i++){
var cell = trs[i].cells[j];
cell.style.display = 'none';
}
}
}
}
showcategory();
$("input[name='running']") .click(function(){
showcategory();
})