zoukankan      html  css  js  c++  java
  • js实现全选与全部取消功能

    function checkAll() {
     //把所有参与选择的checkbox使用相同的name,这里为"num_iid"
        var eles = document.getElementsByName("num_iid");
        var i = 0;
     // 如果是全选状态,则取消所有的选择
        if (isSelectAll() == true) {
      for ( i = 0; i < eles.length; i++) {
       eles[i].checked = false;
            }
            document.getElementById("selectAll").checked = false;
        } else {
      // 否则选中每一个checkbox
            for ( i = 0; i < eles.length; i++) {
                eles[i].checked = true;
            }
        }
    }
    // 判断当前是否为全选状态
    function isSelectAll() {
        var isSelected = true;
        var eles = document.getElementsByName("num_iid");
        for (var i = 0; i < eles.length; i++) {
      if (eles[i].checked != true) {
       isSelected = false;
            }
        }
        return isSelected;
    }
    // 选择任意一个非全选checkbox
    function checkOne() {
        if (isSelectAll()) {
      document.getElementById("selectAll").checked = true;
        } else {
      document.getElementById("selectAll").checked = false;
     }
    }

  • 相关阅读:
    SRM 574 250 DIV2
    SRM 575 250 DIV2
    SRM 577 250 DIV2
    20181211-python1119作业郭恩赐
    20181207作业-郭恩赐
    python1119-20181206作业-郭恩赐提交
    python1119-20181205作业-郭恩赐提交
    python1119作业1-郭恩赐提交
    py1119_Linux学习_第二周总结
    小白都能看懂的block
  • 原文地址:https://www.cnblogs.com/hclw/p/4341806.html
Copyright © 2011-2022 走看看