zoukankan      html  css  js  c++  java
  • 复选框 全选

    给你个例子:
    <checkbox name="checkbox" value="1" > 选项1</checkbox>
    <checkbox name="checkbox" value="2" > 选项2</checkbox>
    <br>
    <br>
    <checkbox name="checkbox" value="3" > 选项3</checkbox>
    <br>
    <br>
    <checkbox name="checkbox" value="4" > 选项4</checkbox>
    <br>
    <br>
    <checkbox name="checkbox" value="5" >选项5</checkbox>
    <br>
    <br>
    <checkbox name="selectFlag" value="5" onclick="checkAll()">全选</checkbox>
    <checkbox  value="5" onclick="checkOther()">反选</checkbox>

    <script language="javascript">
    //全选
    function checkAll()
    {
     var object = document.getElementsByName("checkbox");
     var length = object.length;
     var checked = document.getElementById("selectFlag").checked;
     for (var i = 0; i < length; i++)
     {
         object[i].checked=checked;
     }
    }
    //反选
    function checkOther()
    {
     var object = document.getElementsByName("checkbox");
     var length = object.length;
     for (var i = 0; i < length; i++)
     {
         if(object[i].checked)
         {
          object[i].checked=false;
         }
         else
          object[i].checked="true";
     }
    }
    </script>


    作者:水木    
     
  • 相关阅读:
    4.8日学习
    Apache安装
    HTML5 review
    个人阅读作业LAST
    个人阅读作业Week7
    结对编程:界面模块总结
    个人博客作业Week3
    结对编程博客
    个人博客week2
    软工第一次作业简单总结
  • 原文地址:https://www.cnblogs.com/hsapphire/p/1542383.html
Copyright © 2011-2022 走看看