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

                    }

                }
            }
  • 相关阅读:
    ASP.NET的票据工具类FormsAuthenticationTicket
    FormsAuthenticationTicket学习笔记
    FormsAuthentication与Session超时时间不一的解决方法
    asp.net mvc 从数据库中读取图片的实现代码
    ASP.NET下载远程图片保存到本地的方法、保存抓取远程图片
    获取客户端的IP地址
    C#实现DNS解析服务
    Linux下安装Nginx详细图解教程
    手动配置Ubuntu Linux系列3-缺省网关和主机名
    web运维第一篇:nginx配置文件详解笔记
  • 原文地址:https://www.cnblogs.com/java20130723/p/3211465.html
Copyright © 2011-2022 走看看