程序博客网 > 国外主机推荐知乎

js 实现全选或全不选的功能

来源：互联网发布：国外主机推荐知乎编辑：程序博客网时间：2024/04/28 10:21

这是一个最容易懂的javascript实现全选与全不选的功能一个例子，这个
例子参考了网上的一些人的资料，我初来，望给予支持，指点，谢谢！

使用方法:

1. 在<head></head>内插入如上JS代码
<script language="javascript">
function selcheck() {
var myTable = document.getElementById("wq");
var objs = myTable.getElementsByTagName("input");
for(var i=0; i<objs.length; i++) {
    if(objs[i].type.toLowerCase() == "checkbox" ){
        objs[i].checked = true;
     }
}

}

function noselcheck() {
var myTable = document.getElementById("wq");
var objs = myTable.getElementsByTagName("input");
for(var i=0; i<objs.length; i++) {
    if(objs[i].type.toLowerCase() == "checkbox" ){
        objs[i].checked = false;
     }
}

}
</script>
2. 设置checkbox,例如
<table id="wq">
<TR>
<td>

<INPUT type="checkbox" name="1" value="a">
</td>
<td>
<INPUT type="checkbox" name="2" value="b">
</td>
<td>
<INPUT type="checkbox" name="3" value="c">
</td>
</TR>
</table>

3. 加入一个控制按钮如
<INPUT type="button" name="select" value="全选" onclick="selcheck()">
<INPUT type="button" name="select" value="全不选" onclick="noselcheck()">

注意：可以看出，在JS中的两个方法其实就是一个方法，此方法在实现一些简单的网页时是有一些用处的。

国外主机推荐知乎

国外主机推荐知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子超轻粘土价格超轻粘土厂家超轻粘土购买纸粘土玫瑰花教程超轻粘土干了怎么办粘土手办粘土烧结砖粘土蛋糕教程粘土耐火砖粘土甜品超轻粘土品牌粘土哪里有卖批发超轻粘土粘土面膜超轻粘土戒指教程粘土套装超轻粘土制作玫瑰花粘土多孔砖粘土甜点粘土做花粘土干燥剂粘土剂粘土报价超轻粘土胸针教程粘土砂生产线如何制作粘土粘土轻质砖粘土笔筒超轻粘土配件粘土是橡皮泥吗粘土小黄人粘土砖墙粘土制作恐龙粘土寿司粘土食物粘土布 diy粘土粘土动物粘土人物小黄人超轻粘土超轻粘土怎么玩