//判断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;
});
});
});
分享到:
相关推荐
本文实例为大家分享了jQuery实现全选反选操作的具体代码,供大家参考,具体内容如下 全选+反选 可根据控制台结合查看结果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者...
本文主要介绍了Checkbox的全选、反选的简单实例,需要的朋友可以参考下
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者...
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
通过jQuery实现全选或反选以及单击行改变背景色,具体代码如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
主要介绍了jQuery实现全选、反选和不选功能的方法,结合实例形式详细分析了jQuery全选、反选以及不选功能的相关原理、实现方法及操作注意事项,需要的朋友可以参考下
下面小编就为大家带来一篇jQuery菜单实例(全选,反选,取消)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
haran.info_jquery实例_全选全不选反选_select-all_unselect-all_reverse</title> <meta http-equiv="content-type"content="text/html; charset=UTF-8"/> [removed][removed]<!-- 引入Jquery -->...
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下
主要介绍了JQuery选中checkbox方法代码实例(全选、反选、全不选),本文直接给出代码实例,需要的朋友可以参考下
首先我们看个简单的实例 <!DOCTYPE ...<... <head runat=server>...jQuery实现CheckBox全选、全不选</title> <script src=http://code.jquery.com/jquery-1.4.4.min.js type
和大家分享一段基于jQuery实现checkbox列表全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的...
主要介绍了js与jQuery实现checkbox复选框全选/全不选的方法,结合实例较为详细的分析了JavaScript与jQuery针对checkbox复选框全选与反选的操作技巧,需要的朋友可以参考下
实现功能:表格奇偶行变色;菜单;反选;全选/全不选;复选框;列表框传值;