js里的全选
- 提问者网友:心牵心
- 2021-08-13 19:26
- 五星知识达人网友:七十二街
- 2021-08-13 19:49
- 1楼网友:过活
- 2021-08-13 23:59
function myfunction()
{
var allCheckBoxs=document.getElementsByName("c");
for(var i=0;i<allCheckBoxs.length;i++)
{
if(allCheckBoxs[i].type=="checkbox")
{
if(allCheckBoxs[i]=="true")
{
allCheckBoxs[i]="false";
}
else
{
allCheckBoxs[i]="true";
}
}
}
}
<body>
<form name="biaodan">
<input type="checkbox" name="c" />aaa
<input type="checkbox" name="c" />bbb
<input type="checkbox" name="c" />ccc
<input type="checkbox" name="c" />ddd
<input type="checkbox" name="c" />eee
<input type="checkbox" name="c" />fff
<input type="checkbox" name="c" />ggg
<input type="checkbox" name="c" />hhh
<input type="checkbox" name="c" />iii
<input type="checkbox" name="c" />jjj
<p></p>
<input type="checkbox" name="m" onclick="myfunction(this,c)" />ALL/notALL
</form>
</body>
- 2楼网友:山君与见山
- 2021-08-13 22:22
- 3楼网友:三千妖杀
- 2021-08-13 21:22
经过测试的代码如下:
<script language="javascript"> function check() { var btn=document.getElementById("chuang").value;//获得确定按钮的value值 var checkeds=document.getElementsByName("yao");//获得checked对象的数组 switch(btn) { case "全选": document.getElementById("chuang").value="全不选"; for(i=0;i<checkeds.length;i++) { checkeds[i].checked=true; } break; default: document.getElementById("chuang").value="全选"; for(i=0;i<checkeds.length;i++) { checkeds[i].checked=false; } break; } } </script>