LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

[点晴永久免费OA]【JavaScript】jQuery遍历checked元素控件列表判断是否全部选中并传递id值
admin
2023年4月28日 15:31 本文热度 620

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title>Document</title>

  <script type="text/javascript" src="jquery.js"></script>

  <style type="text/css">

    .inputs{

      width: 500px;

      height: 500px;

            border: 1px solid #333;

            background-color: #FF9800;

            margin: 2% auto;

    }

    .inputs input{

      width: 30px;

      height: 30px;

    }

    .inputs input:after{

    }

    .btn{

      color: #fff;

            border: 1px solid #fff;

            margin: 5% auto;

            background-color: #ff9800;

    }

  </style>

  <script type="text/javascript">

    $().ready(function() {

            var $giveID = $("#giveID");

            $giveID.click(function(){

              var storesID = [];

              var ids = document.getElementsByName("ids");            

                var flag = false ;//标记判断是否选中一个                 

                for(var i=0;i<ids.length;i++){  

                    if(ids[i].checked){  

                        flag = true;  

                        storesID.push(ids[i].value);  //如果有id，可以把value改成id

                        console.log(storesID);

                    }  

                 }  

                 if(!flag){  

                    alert("请最少选择一项！");  

                    return false ;  

                 }  

            })

    });

  </script>

</head>

<body>

  <div>

    <input type="checkbox" name="ids" value="1">

    <input type="checkbox" name="ids" value="2">

    <input type="checkbox" name="ids" value="3">

    <input type="checkbox" name="ids" value="4">

    <input type="checkbox" name="ids" value="5">

    <input type="checkbox" name="ids" value="6">

    <input type="checkbox" name="ids" value="7">

    <input type="checkbox" name="ids" value="8">

    <input type="checkbox" name="ids" value="9">

    <input type="checkbox" name="ids" value="10">

    <input type="checkbox" name="ids" value="11">

    <input type="checkbox" name="ids" value="12">

    <button id="giveID">选中后点击我</button>

  </div>

</body>

</html>


该文章在 2023/4/28 15:32:45 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved