jquery 全选反选 小实例
程序员文章站
2022-03-08 11:56:47
...
//判断checkbox集合中是否有选中的 $("input[type='checkbox']").is(':checked') //jquery通过id找到指定表单下的指定input var input=$('#form #input'); 或者var input=$('#form').find('#input');都可以。 //验证 var reg = /^([1-9][0-9]{0,4})$/; var maxJoinAll=$("#maxJoinAll").val(); if(!reg.test(maxJoinAll)){ $("#maxJoinAll").testRemind("每人最多可提交数只能为正数,最长 为4位数"); return false; } //jquery指定的属性上取值 //<ul class="index-choose-cardEffect-item flex flex-row-wrap"> // <li class="flex-50 effect-img" data-id="${item.id}"> cardEffect = $('.index-choose-cardEffect li') // 卡片 cardEffect.on('click', function (e) { alert($(this).data('id')); $("#selectFunCardItemId").val($(this).data('id')); cardEffect.removeClass('choosed') $(this).addClass('choosed') }) $(function(){ //1方式 全选/全不选 $("#orChecked").bind("click",function(){ $("input[name='itemName']:checkbox").prop("checked",this.checked); }); //2方式 全选/全不选 $("#orChecked").bind("click",function(){ $("input[name='itemName']").each(function(){ if($(this).is(":checked")){ $(this).prop('checked',false) }else{ $(this).prop('checked',true); } }) }) //3方式 全选/全不选 $("#orChecked").click(function(){ $('[name=itemName]:checkbox').each(function(){ this.checked=!this.checked; }); }); });
上一篇: Android基础之Handler机制(四)Looper源码分析
下一篇: 项目中要用到的小实例2
推荐阅读
-
Android RecycleView使用(CheckBox全选、反选、单选)
-
Android RecycleView使用(CheckBox全选、反选、单选)
-
js, jQuery实现全选、反选功能
-
javascript 全选/反选,取消选择效果
-
javaScript checkbox 全选/反选及批量删除
-
JS实现的全选、全不选及反选功能【案例】
-
Android checkbox的listView(多选,全选,反选)具体实现方法
-
Android Recyclerview实现多选,单选,全选,反选,批量删除的功能
-
js, jQuery实现全选、反选功能
-
jquery实现全选和取消全选(jquery全选反选操作)