多个复选框选中的代码
- 提问者网友：箛茗
- 2021-04-11 05:04
- 五星知识达人网友：西岸风
- 2021-04-11 06:35
function sel(obj){
var inputs=document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++)
{
if(inputs[i].type="checkbox")
{
if(obj.checked)
inputs[i].checked=true;
else
inputs[i].checked=false;
}
}}
- 1楼网友：我住北渡口
- 2021-04-11 08:04
<html> <head> <style type="text/css"> tr {text-align:center} </style> <script language="javascript"> function selectAll(){ var arr = document.getElementsByName('ck1'); if(document.getElementsByName("selAll")[0].checked){ for(var i = 0 ; i<arr.length;i++){ arr[i].checked=true; } }else{ for(var i = 0 ; i<arr.length;i++){ arr[i].checked=false; } } } function selectAll2(par){ var arr = document.getElementsByName('ck1'); for(var i = 0 ; i<arr.length;i++){ if(arr[i].type=="checkbox"){ arr[i].checked=par; } } } </script> </head> <body> <form action="" method="post" name="frm"> <table border="1" cellspacing="0" cellpadding="0" width="45%" align="center"> <tr> <td width="30%"> <input type="checkbox" name="selAll" value="全选" onClick="selectAll()"> </td> <td><a href="javascript:selectAll2(true)">全选</a>/<a href="javascript:selectAll2(false)">全选</a></td> </tr> <tr> <td><input type="checkbox" name="ck1" value=""></td> <td></td> </tr> <tr> <td><input type="checkbox" name="ck1" value=""></td> <td></td> </tr> <tr> <td><input type="checkbox" name="ck1" value=""></td> <td></td> </tr> </table> </form> </body> </html>
这个是JS写的复选框 全选和全不选 放在JSP ASP .NET 都可以用