zoukankan      html  css  js  c++  java
  • js控制单选复选框(全选)

    //获取单选按钮的选项值
            function f1() {
                //radio集合
                var radios = document.getElementsByName("sex");
                for (var i = 0; i < radios.length; i++) {
                    if (radios[i].checked) {
                        alert(radios[i].value);
                        break;
                    }
                }
            }

        <input type="checkbox" id="chkAll" onclick="checkAll()"/>全选<input id="btn" type="button" value="反选" /><br />
        <input id="childChk1" type="checkbox" value="cf"/>吃饭<br/>
        <input id="Checkbox2" type="checkbox" value="sj"/>睡觉<br/>
        <input id="Checkbox3" type="checkbox" value="dq"/>打球<br/>
    //复选框的全选功能
    function checkAll() {
                //触发事件对象,全选的checkbox
                var obj = event.srcElement;
                //所有的input标签
                var inputs = document.getElementsByTagName("input");
                for (var i = 0; i < inputs.length; i++) {
                    //判断当前的对象是不是input对象,是不是checkbox
                    if (inputs[i].type == "checkbox") {
                        inputs[i].checked = obj.checked;
                    }
                }
            }
    //给所有的 子checkbox注册事件,如果所有的子checkbox都打勾了,则全选也打勾
            window.onload = function () {
                var inputs = document.getElementsByTagName("input");
                for (var i = 0; i < inputs.length; i++) {
                    if (inputs[i].type == "checkbox") {
                        //去掉全选的那个chexkbox
                        if (inputs[i].id != "chkAll") {
                            //给每个子checkbox注册事件
                            inputs[i].onclick = function () {
                                //判断子checkbox是不是被选中了
                                //假设所有的都被选中
                                var isCheckAll = true;
                                for (var j = 0; j < inputs.length; j++) {
                                    if (inputs[j].type == "checkbox" && inputs[j].id != "chkAll") {
                                        //判断子的checkbox是否被选中
                                        if (!inputs[j].checked) {
                                            isCheckAll = false;
                                            break;
                                        }
                                    }
                                }
                                //设置全选状态
                                document.getElementById("chkAll").checked = isCheckAll;
                            }
                        }

                    }

                }
            }
    感谢来访,共同学习!
  • 相关阅读:
    cef加载flash的办法
    一个高性能的对象属性复制类,支持不同类型对象间复制,支持Nullable<T>类型属性
    php检测php.ini是否配制正确
    openwrt的路由器重置root密码
    windows 7 + vs2010 sp1编译 x64位版qt4
    解决SourceGrid在某些系统上无法用鼠标滚轮滚动的问题
    判断一个点是否在多边形内部,射线法思路,C#实现
    [转载]使用HttpWebRequest进行请求时发生错误:基础连接已关闭,发送时发生错误处理
    让Dapper+SqlCE支持ntext数据类型和超过4000字符的存储
    通过WMI
  • 原文地址:https://www.cnblogs.com/dingxiaowei/p/3058748.html
Copyright © 2011-2022 走看看