JS+JSP checkBox 全选具体实现

前端技术 2023/09/02 JavaScript
复制代码 代码如下:

<script>
function func(){
var options=document.getElementsByName(\"chkBox\");
for (var i=0;i<options.length;i++){
if(!options[i].disabled){
options[i].checked=true;
}
}
}
</script>
<input type=checkbox name=chkBox value=1 disabled>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=button value=\"测 试\" onclick=\"func()\">

用javascript吧。
复制代码 代码如下:

<html>
<body>
<script>
function kk(){
var handleEl = document.getElementById(\"kkHandler\");
var els = document.getElementsByName(\"kk\");
for(i=0;i<els.length;i++){
els[i].checked = handleEl.checked;
}

}
</script>
<input type=checkbox onclick=\"kk()\" name=\"kkHandler\">全选<br>
<input type=checkbox name=\"kk\">
<input type=checkbox name=\"kk\">
</body>
</html>

2:
复制代码 代码如下:

<form name=\"form\" ID=\"Form1\">
<input type=\"checkbox\" name=\"id\" value=\"\" ID=\"Checkbox1\">1
<input type=\"checkbox\" name=\"id\" value=\"\" ID=\"Checkbox2\">2
<input type=\"checkbox\" name=\"chose\" value=\"\" onclick=\"selectAll()\" ID=\"Checkbox5\">allselect
</form>
<script>
function selectAll()
{
if(!document.form.id.length){
if(document.form.chose.checked){
document.form.id.checked=true;
}
else{
document.form.id.checked=false;
}
}
else{
for(var i=0;i<document.form.id.length;i++){
if(document.form.chose.checked){
document.form.id[i].checked=true;
}
else{
document.form.id[i].checked=false;
}
}
}
}
</script>

3:
复制代码 代码如下:

<input type=\'checkbox\' name=\'info\' value=\'a\'>
<input type=\'checkbox\' name=\'info\' value=\'b\'>
<input type=\'checkbox\' name=\'info\' value=\'c\'>
<input type=\'checkbox\' name=\'info\' value=\'d\'>
<input type=\'checkbox\' name=\'info\' value=\'e\'><br>
<input type=\'button\' value =\' 全选 \'onclick=\'check_all();\'>
<script>
function check_all(){
arr = document.getElementsByName(\'info\');
for(i=0;i<arr.length;i++){
arr[i].checked = true;
}
}
</script>

本文地址：https://www.stayed.cn/item/4892

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案