复选框全选、全不选和反选的效果实现

最新推荐文章于 2021-06-04 16:02:13 发布

weixin_30699443

最新推荐文章于 2021-06-04 16:02:13 发布

阅读量92

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/youtianxia/p/4820393.html

版权

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>石家庄车库棚|tongtianty.net---复选框全选、全不选和反选的效果实现</title>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    function checkAll() {
    for (var j = 1; j <= 9; j++) {
    box = eval("document.checkboxform.C" + j);
    if (box.checked == false) box.checked = true;
    }
    }
    function uncheckAll() {
    for (var j = 1; j <= 9; j++) {
    box = eval("document.checkboxform.C" + j);
    if (box.checked == true) box.checked = false;
    }
    }
    function switchAll() {
    for (var j = 1; j <= 9; j++) {
    box = eval("document.checkboxform.C" + j);
    box.checked = !box.checked;
    }
    }
    //  End -->
    </script>
    </head>
    <body>
    <form name=checkboxform>
    <input type=checkbox name=C1 checked>C1<br>
    <input type=checkbox name=C2 checked>C2<br>
    <input type=checkbox name=C3 checked>C3<br>
    <input type=checkbox name=C4 checked>C4<br>
    <input type=checkbox name=C5 checked>C5<br>
    <input type=checkbox name=C6 checked>C6<br>
    <input type=checkbox name=C7 checked>C7<br>
    <input type=checkbox name=C8 checked>C8<br>
    <input type=checkbox name=C9 checked>C9<br>
    <br>
    <input type=button value="全部选中" onClick="checkAll()"><br>
    <input type=button value="全部不选" onClick="uncheckAll()"><br>
    <input type=button value="选择转换" onClick="switchAll()"><br>
    </form>
    <br><br><hr>
    </html>

转载于:https://www.cnblogs.com/youtianxia/p/4820393.html

weixin_30699443

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复选框全选、全不选和反选的效果实现

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>石家庄车库棚|tongtianty.net---复选框全选、全不选和反选的效果实现</title> <SCRI...
复制链接

扫一扫