新手JS：实现按钮全部不选、全部选择、反选择功能。

最新推荐文章于 2024-04-02 19:39:43 发布

CkyShaw

最新推荐文章于 2024-04-02 19:39:43 发布

阅读量1.1k

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/CkyShaw/article/details/63685150

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
widows: 100%;
height: 2px;
background: #888;
margin-top: 10px;
}
</style>
</head>
<body>
<input type="button" value="全选" οnclick="CheckAll()">
<input type="button" value="不选" οnclick="UnCheck()">
<input type="button" value="反选" οnclick="othercheck()">
<div></div>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>
<input type="checkbox"><br/>

<script type="text/javascript">
var a=document.getElementsByTagName('input');

function CheckAll(){
for(i=0;i<a.length;i++)

{a[i].checked=true};
};

function UnCheck(){
for(i=0;i<a.length;i++)

{a[i].checked=false};
};

function othercheck(){
for(i=0;i<a.length;i++)
{
if(a[i].checked==true){a[i].checked=false;}

else{ a[i].checked=true};
}
};
</script>
</body>
</html>

CkyShaw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
新手JS：实现按钮全部不选、全部选择、反选择功能。

div{widows: 100%;height: 2px;background: #888;margin-top: 10px; }var a=document.getElementsByTagName('input'); function CheckAll(){
复制链接

扫一扫