php反选全选代码,jQuery中实现全选，反选实例代码（推荐）

1.概述

在项目中经常遇到列表中对复选框进行勾选操作，全选。。。反选。。

2. example

请选择想要学习的编程语言：

全选全不选反选

JavaScript

Python

Ruby

Haskell

Scheme

Submit

$(function(){

(function(){

var

form = $('#test-form'),

langs = form.find('[name=lang]'),

selectAll = form.find('label.selectAll :checkbox'),

selectAllLabel = form.find('label.selectAll span.selectAll'),

deselectAllLabel = form.find('label.selectAll span.deselectAll'),

invertSelect = form.find('a.invertSelect');

// 重置初始化状态:

form.find('*').show().off();

form.find(':checkbox').prop('checked', false).off();

deselectAllLabel.hide();

// 拦截form提交事件:

form.off().submit(function (e) {

e.preventDefault();

alert(form.serialize());

});

var count = 1; //点击全选/全不选框次数

selectAll.click(function(){

if(count++ %2){

selectAllLabel.hide();

deselectAllLabel.show();

$(this).prop("checked", false);

langs.prop("checked", true);

}else {

selectAllLabel.show();

deselectAllLabel.hide();

$(this).prop("checked", false);

langs.prop("checked", false);

}

});

invertSelect.on('click', function(){

langs.map(function(){

$(this).prop('checked', !this.checked);

});

})();

});

php反选全选代码,jQuery中实现全选，反选实例代码（推荐）相关推荐

android 方形按钮代码,Android中实现图文并茂的按钮实例代码
效果图如下所示: 代码: android:orientation="horizontal" android:layout_width="match_parent" ...
jQuery中实现全选功能时使用attr( )改变checked值只能生效一次的问题
2019独角兽企业重金招聘Python工程师标准>>> 在jQuery中操作多选框checked数据不能使用attr()方法改变checked值, 要使用prop( )方法; 问题解 ...
获取jQuery中的复选框值
如何在jQuery中获取复选框的值? #1楼尝试这个小解决方案: $("#some_id").attr("checked") ? 1 : 0; 要么 $(&q ...
java 三级菜单栏的添加_[Java教程]jquery实现的三级导航菜单实例代码
[Java教程]jquery实现的三级导航菜单实例代码 0 2016-01-02 15:00:02 jquery实现的三级导航菜单实例代码: 使用最多的可能是二级导航菜单,所以网上的代码一大堆,三级菜 ...
批量插入数据库语句java_java相关：MyBatis批量插入数据到Oracle数据库中的两种方式(实例代码)...
java相关:MyBatis批量插入数据到Oracle数据库中的两种方式(实例代码) 发布于 2020-7-22| 复制链接本文通过实例代码给大家分享了MyBatis批量插入数据到Oracle数据库 ...
ViSP中识别AprilTag的C++实例代码解释
VISP中识别AprilTag的C++实例代码解释接着上一篇: VISP中识别AprilTag的C++实例代码与运行结果先展示代码,一句一句解释吧 #include <visp3/detec ...
ViSP中识别AprilTag的C++实例代码与运行结果
VISP中识别AprilTag的C++可运行代码与运行结果 Introduction ***具体解释见下一篇:***VISP中识别AprilTag的C++实例代码解释 ***具体帮助开发文档下载:** ...
html 存储登录状态,Vue中保存用户登录状态实例代码
首先我们假设,这里的登录组件(register.vue)是App.vue组件的子组件,是通过路由进入登录组件的. 登录组件中用户点击登录后,后台会传过来一个用户名,我的App.vue组件中需要拿到这个 ...
java get null_java 获取对象中为null的字段实例代码
下面一段简单的代码给大家分享java 获取对象中为null的字段,具体代码如下所述: private static String[] getNullPropertyNames(Object sourc ...

php反选全选代码,jQuery中实现全选，反选实例代码（推荐）

php反选全选代码,jQuery中实现全选，反选实例代码（推荐）相关推荐

最新文章

热门文章

php反选全选代码,jQuery中实现全选，反选实例代码 （推荐）

php反选全选代码,jQuery中实现全选，反选实例代码 （推荐）相关推荐

最新文章

热门文章

php反选全选代码,jQuery中实现全选，反选实例代码（推荐）

php反选全选代码,jQuery中实现全选，反选实例代码（推荐）相关推荐