zoukankan      html  css  js  c++  java
  • JS全选与不选、反选

    思路:

    1、获取元素。

    2、用for循环历遍数组,把checkbox的checked设置为true即实现全选,把checkbox的checked设置为false即实现不选。

    3、通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态。

    <!DOCTYPE html>

    <html>
        <head><meta charset="UTF-8"></head>
        <body>
            <div id="div">
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
            </div>
            <input type="button" value="全选" onclick="CheckAll()"/><br />
            <input type="button" value="不选" onclick="UnCheck()"/><br />
            <input type="button" value="反选" onclick="othercheck()"/><br />
            <script>
                var CheckBox=div.getElementsByTagName('input');
                 
                //全选
                function CheckAll(){
                    for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=true;};
                };
                 
                //不选
                function UnCheck(){
                    for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=false;};
                    };
                 
                //反选
                function othercheck(){
                    for(i=0;i<CheckBox.length;i++){
                        if(CheckBox[i].checked==true){ CheckBox[i].checked=false;}
                        else{ CheckBox[i].checked=true}
                    }
                };
            </script>
        </body>
    </html>
  • 相关阅读:
    数据结构——栈与队列操作(用栈模拟队列)
    数据结构——链队列的基本算法
    数据结构——循环队列(动态分配空间)基本运算
    数据结构——顺序栈(动态分配空间)的基本操作
    D3画完整柱状图(带坐标轴、标签)
    D3学习之坐标系绘制
    d3实现折线图
    D3学习之画布制作
    网址——几个有用的
    使用.csv文件
  • 原文地址:https://www.cnblogs.com/zhangjinghe/p/7528970.html
Copyright © 2011-2022 走看看