• JS选择html页面中的checkbox实现全选


    <!--html-->

    <input id="Checkbox2" type="checkbox" onclick="check(this)" />全选 &nbsp;
     <asp:Button ID="btnAddFuJian" runat="server" Text="添加所选附件" OnClick="btnAddFuJian_Click"
                        OnClientClick="return lessthan();" />

    <!--JS-->

    <script type="text/javascript">
            function check(obj) //全选

            {
            var gv = document.getElementsByTagName("dd");
           for(var j=0;j<gv.length;j++)
           {
            var aa = gv[j].getElementsByTagName("input");

            if (obj.checked) {

                for (var i = 0; i < aa.length; i++) {
                    if (aa[i].type == 'checkbox')
                        aa[i].checked = true;
                }
            }
            if (obj.checked == false) {

                for (var i = 0; i < aa.length; i++) {
                    if (aa[i].type == 'checkbox')
                        aa[i].checked = false;
                }
            }
            }
        }
       
        function lessthan()
        {
            var k=0;
                var gv = document.getElementsByTagName("dd");//选择包含checkbox的标签
                for(var j=0;j<gv.length;j++)
                {
                    var aa = gv[j].getElementsByTagName("input"); //选择dd里面所有的input
                    for (var i = 0; i < aa.length; i++)
                    {
                        if (aa[i].type == 'checkbox' && aa[i].checked == true) //判断input是不是checkbox
                        k++;
                    }
                }
                if(k==0)
                {  
                    alert("请选择附件");
                    return false;
                }
                else
                {
                    return true;
                }
         }
        </script>

    ----------全选也可以是这个

    <script type="text/javascript">
            function SelectAllCheckboxes(spanChk) {

                elm = document.forms[0];

                for (i = 0; i <= elm.length - 1; i++) {

                    if (elm[i].type == "checkbox" && elm[i].id != spanChk.id) {

                        if (elm.elements[i].checked != spanChk.checked)

                            elm.elements[i].click();
                    }
                }
            }
        </script>

    <asp:CheckBox ID="CheckAll" runat="server"  Text="全选" onclick="javascript: SelectAllCheckboxes(this);"  />

  • 相关阅读:
    忘记密码破解
    关于本地变量的理解
    MVC的请求过程(或者MVC三者的关系)
    static 静态 关键字
    博客搬家通知
    C#一个可以马上跑起来的反射例子Assembly的使用
    C#之DateTime日期格式解析
    AddressParsing在C#中好用的地址拆分地址结构化库Net5
    C#中获取本地IP地址方法
    ComdeDom生成对象Emit之引用其他成员类库
  • 原文地址:https://www.cnblogs.com/paste/p/2051025.html
Copyright © 2020-2023  润新知