zoukankan      html  css  js  c++  java
  • 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);"  />

  • 相关阅读:
    c++学习笔记—二叉树基本操作的实现
    c++学习笔记—单链表基本操作的实现
    c++学习笔记—c++对txt文件的读取与写入
    c++学习笔记—动态内存与智能指针浅析
    c++学习笔记——个单词转换的map程序详解
    获取JAVA[WEB]项目相关路径的几种方法
    Oracle数据库体系结构及创建表结构
    锋利的jQuery学习总结
    SQL调优常用方法
    Oracle行转列操作
  • 原文地址:https://www.cnblogs.com/paste/p/2051025.html
Copyright © 2011-2022 走看看