zoukankan      html  css  js  c++  java
  • 全选,反选

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    function fun(){
    var allNode=document.getElementsByName("all");
    var allNode=allNode[0];
    var produceNodes=document.getElementsByName("produce");
    for( i=0;i<produceNodes.length;i++){
    produceNodes[i].checked=allNode.checked;

    }
    }
    function fun1(){
    var fanNode=document.getElementsByName("fan");
    var fanNode=fanNode[0];
    var produceNodes=document.getElementsByName("produce");
    for( i=0;i<produceNodes.length;i++){
    if(produceNodes[i].checked)
    produceNodes[i].checked=false;
    else
    produceNodes[i].checked=true;
    }
    }
    </script>
    </head>
    <body>
    <input type="checkbox" name="all" onclick="fun()">全选<br>
    <input type="checkbox" name="produce">华为电脑<br>
    <input type="checkbox" name="produce">联想电脑<br>
    <input type="checkbox" name="produce">小米电脑<br>
    <input type="checkbox" name="fan" onclick="fun1()">反选<br>

    </body>
    </html>

  • 相关阅读:
    2019.1.8兔子问题和汉诺塔问题的解决代码
    REST
    存储过程和函数练习
    十六、性能优化
    十五、MySQl日志
    Shell入门
    十四、数据备份
    十三、MySQL触发器
    十二、视图
    十一、MySQL锁
  • 原文地址:https://www.cnblogs.com/yangjingru/p/13552089.html
Copyright © 2011-2022 走看看