表格标签操作

Html

Css

操作表格








    
        
        书名
        作者
        价格
        购买数量
        操作
    
    
        
        java从入门到放弃
        wollo
        43.50
        3
        
            
    
    
        
        JavaScript入门
        高崎
        77.60
        2
        
            
    
    
        
        java从入门到放弃
        wollo
        43.50
        3

td {
	text-align:center;
}
tr {
	height:35px;
}
table {
	margin:auto;
}
body {
	text-align:center;
}

//修改数量
function updateNum(btn) {
    btn_tr = btn.parentNode.parentNode;
    btn_cell = btn_tr.cells[4];
    if (!isNaN(Number(btn_cell.innerHTML))) {
        btn_cell.innerHTML = "<input type='text' value='" + btn_cell.innerHTML + "' onblur='updateNum2(this)'/>"
    }
}

}
//全选
function chooseAll() {
    var chks = document.getElementsByName("chks");
    var ck = document.getElementById("ck");
    if (ck.checked) {
        for (var i = 0; i < chks.length; i++) {
            chks[i].checked = true;
        }
    } else {
        for (var i = 0; i < chks.length; i++) {
            chks[i].checked = false;
        }
    }
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

表格标签操作



代码描述：实现表格标签添加删除多选操作变色操作

更新时间：2020-07-06 09:22:00

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

お失之我命 ° |

相关代码

操作表格

表格标签操作

最新

书名	作者	价格	购买数量	操作
java从入门到放弃	wollo	43.50	3
JavaScript入门	高崎	77.60	2
java从入门到放弃	wollo	43.50	3