热门关键字:
jquery > jquery教程 > jquery教程 > layui框架 使用复选框checkbox遇到的坑

layui框架 使用复选框checkbox遇到的坑

390
作者:管理员
发布时间:2021/2/6 14:17:14
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3903
问题点: 如何判断是否选中复选框、获取它选中的值、并获取选中了几个复选框
常规的js方法中判断:


 $("input:checkbox[name='tagid']:checked").each(function(){
                   // arr[i] = $(this).val();
                  tagids =  $(this).val()+"," + tagids  ;
                });
无法正确获取。


 


解决办法:
//laui的复选框检测选择的个数,并限制其个数
       


 form.on('checkbox(tagid)',function(data){
            console.log(data)
            if ($("input[name='tagid']:checked").length>5){
                //将选中的全部取消
                //$("input[name='level']:checked").removeAttr("checked");
                //$(this).checked = false;
                $(this).prop("checked", false); 
                form.render('checkbox'); 
                layer.msg("最多只能选择5个标签", {
                    time : 3000,
                    icon : 10 
                });
            }
          });
tagid指的是:lay-filter="tagid"




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐