<html>
<head>
</head>
<body>
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" width="100% "style="text-align:center;border-collapse:collapse">
<tr>
<td> 資產類型</td>
<td colspan="2">您當前選中的記錄數爲：<input type="text" name="jls" id="jlsid" value="0" size="6" readonly="true">
</td>
</tr>
<tr>
<td>全選<input id ="controlAll" type="checkbox" name="checkAll" value="" οnclick="chk_all_checkbox()">
</td>
<td>資產類型</td>
<td>資產編號</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" value="1" onClick="countJls()"/></td>
<td>電能表</td>
<td> wD0804225274</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" value="2" onClick="countJls()"/></td>
<td>電能表</td>
<td>wD0804225273</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" value="3" onClick="countJls()"/></td>
<td>電流互感器 </td>
<td>w13C17372F982426548</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" value="4" onClick="countJls()"/></td>
<td>電流互感器 </td>
<td>w13C17372F982426562</td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox" value="5" onClick="countJls()"/></td>
<td>電流互感器 </td>
<td>w13C17372F982426537</td>
</tr>
</table>
</body>
<script>
function chk_all_checkbox(){
var checkList = document.getElementsByName("checkbox");
if(document.getElementById("controlAll").checked){
for(var i=0;i<checkList.length;i++){
checkList[i].checked = 1;
}
document.getElementById("jlsid").value=checkList.length;
}else{
for(var i=0;i<checkList.length;i++){
checkList[i].checked = 0;
}
document.getElementById("jlsid").value=0;
}
}
function countJls(){
var count = 0;
var checkList = document.getElementsByName("checkbox");
for(var i=0;i<checkList.length;i++){
if(checkList[i].checked == true){
count++;
}
}
document.getElementById("jls").value=count;
}
</script>
</html>選中複選框，取消選中複選框
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
uniapp的那些坑
1.selectedColor不起作用 1.查看位置是否寫對，與lis同級 2.是否爲16進制，selectedColor寫的rgb不支持 3.是否被其他樣式覆蓋，其他地方也設置過sele