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;
                            }
                        }

                    }

                }
            }
  • 相关阅读:
    Nginx初探
    很详细的Nginx配置说明
    linux环境下Apache+Tomcat集群配置
    Apache+Tomcat集群配置
    apache + tomcat 负载均衡分布式集群配置
    js 如何将dom转换为 图片(base64)
    饥荒猪镇物品 代码
    angular2 图片赋值的时候前面自动加 unsafe:xxx 导致图片信息不显示问题
    angular6、7 兼容ie9、10、11
    @angular/cli (angular脚手架) 如何降级
  • 原文地址:https://www.cnblogs.com/java20130723/p/3211465.html
Copyright © 2011-2022 走看看