判断多个复选框被选中状态（两种方式）

最新推荐文章于 2022-08-22 13:55:09 发布

圆野

最新推荐文章于 2022-08-22 13:55:09 发布

阅读量1.6w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端非框架常用

本文链接：https://blog.youkuaiyun.com/weixin_41716259/article/details/82701534

前端非框架常用专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何使用jQuery处理点击事件，通过遍历带有特定类名的输入元素，检查其选择状态，并将已选择元素的数据属性收集到数组中。此外，还探讨了在不同条件下对UI反馈和显示的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).on("click","#historya",function(){
       //创建数组
       var checkedList = new Array();
       //两种判断type=checkbox方式
//第一种.....................................
//       if(checkedList.length == 0){
//           $("#famessage").text("请选择需要填写发票票号的商品").css({"color":"red","margin-left":"20px"});
//       }
//       $("input[name='subChk']:checked").each(function(i) {
//           $("#famessage").text("");
//          $(".billwrite").css('display','block');
//          //获取checked的id
//          var checkid = $(this).attr("data-fa");
//          checkedList.push(checkid);

//第二种.........................................

//遍历每个input对应的class名然后进行判断
       $(".hisselect").each(function(i) {
//           判断input=checkbox被选中
//           console.log($(this));
           if($(this).is(':checked')){
                  $("#famessage").text("");
                  $(".billwrite").css('display','block');
                  //获取checked的id
                  checkedList.push($(this).attr("data-fa"));
               }else{
                   $("#famessage").text("请选择需要填写发票票号的商品").css({"color":"red","margin-left":"20px"});
               }
       });

       //函数调用
       subfamsg(checkedList);
   })