• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html中的javascript 全选/取消全选操作示例代码

    复制代码
    代码如下:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript" language="javascript">
    function selectAllDels()
    {
    var allCheckBoxs = document.getElementsByName("preDelCheck");
    var desc = document.getElementById("allChecked");
    var selectOrUnselect=false;
    for(var i = 0; i < allCheckBoxs.length; i ++ )
    {
    if(allCheckBoxs[i].checked){
    selectOrUnselect=true;
    break;
    }
    }
    if (selectOrUnselect)
    {
    _allUnchecked(allCheckBoxs);
    }else
    {
    _allchecked(allCheckBoxs);
    }
    }
    function _allchecked(allCheckBoxs){
    for(var i = 0; i < allCheckBoxs.length; i ++ )
    {
    allCheckBoxs[i].checked = true;
    }
    }
    function _allUnchecked(allCheckBoxs){
    for(var i = 0; i < allCheckBoxs.length; i ++ )
    {
    allCheckBoxs[i].checked = false;
    }
    }
    </script>
    </head>
    <body>
    <p>test</p>
    <form>
    <input type="checkbox" name="preDelCheck" value="cream">ID1

    <input type="checkbox" name="preDelCheck" value="sugar" >ID2

    <input type="checkbox" name="preDelCheck" value="sugar">ID3

    <input type="checkbox" name="preDelCheck" value="sugar">ID4

    <input type="checkbox" name="preDelCheck" value="sugar">ID5

    <input type="button" id="allChecked" value="全选/取消全选" onClick="selectAllDels()">
    </form>
    </body>
    </html>
    上一篇:在html中添加script脚本的2种方法和注意事项
    下一篇:html标签默认样式整理
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    html中的javascript 全选/取消全选操作示例代码 html,中的,javascript,全选,