zoukankan      html  css  js  c++  java
  • JavaScript-CheckBox全选/反选

    //------------------------------------
    // 全/反选
    // param checkName  checkbox的name属性
    //------------------------------------
    function choose(checkName){
        var checkBoxArray = document.getElementsByName(checkName);
        for(var i=0;i<checkBoxArray.length;i++){
            checkBoxArray[i].click();
        }
    }

    测试:

    <table>
        <tr><th><a href="javascript:choose('ids')">反选</a></th></tr>
        <tr><td><input type='checkbox' name='ids' value='1'/></td></tr>
        <tr><td><input type='checkbox' name='ids' value='2'/></td></tr>
        <tr><td><input type='checkbox' name='ids' value='3'/></td></tr>
        <tr><td><input type='checkbox' name='ids' value='4'/></td></tr>
        <tr><td><input type='checkbox' name='ids' value='5'/></td></tr>
        <tr><td><input type='checkbox' name='ids' value='6'/></td></tr>
    </table>
  • 相关阅读:
    Day 18
    Day 17
    Day 16
    Day 15
    Day 14
    Day 13
    Day 12
    Day 11
    Day 10
    《ES6标准入门》(阮一峰)--2.let 和 const 命令
  • 原文地址:https://www.cnblogs.com/hedianwei/p/5671364.html
Copyright © 2011-2022 走看看