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>

    作者:水木    
     
  • 相关阅读:
    isalnum()方法
    index()方法
    find()方法
    expandtabs()方法
    endswith()方法
    encode()方法
    bytes.decode()方法
    count()方法
    center()方法
    capitalize()方法
  • 原文地址:https://www.cnblogs.com/hsapphire/p/1542382.html
Copyright © 2011-2022 走看看