html实现全选反选,jquery实现全选、不选、反选的两种方法

在取复选框checkbox的属性checked属性值时，发现一个问题，就是当用attr取值时，真的为"checked",假的为"undefined";当用prop取值时，真的为"true",假的为"false"。经过网上参考一些资料，及根据官方的建议这两个用法：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()。

方法一：

全选、不选、反选 1

$(function(){

$('.check .btn1').click(function(){//全选

$('.music :checkbox').prop('checked',true);

});

$('.check .btn2').click(function(){//全不选

$('.music :checkbox').prop('checked',false);

});

$('.check .btn3').click(function(){//反选

$('.music :checkbox').each(function(){

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

});

小白兔

小燕子

哈巴狗

小青蛙

数鸭子

全选

全不选

反选

方法二：

全部由jquery动态生成

function checkAll(){//全选

$(":checkbox").prop("checked",true);

}

function checkNo(){//全不选

$(":checkbox").prop("checked",false);

}

function checkRev(){//反选

$(":checkbox").each(function(){

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

});

}

$(function(){

var sec=$("

var input="";//创建一个空的变量

for(var i=0;i<5;i++){

var index=i+1;

input+=""+"标题"+index+"
";

}//把从0到4每一个创建的input收集到空变量里面

sec.append(input);//再把这些收集到的所有input追加到div里面

sec.append($("全选"));//创建全选按钮，并追加到div里面

sec.append($("全不选"));//创建全不选按钮，并追加到div里面

sec.append($("反选"));//创建反选按钮，并追加到div里面

});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

html实现全选反选,jquery实现全选、不选、反选的两种方法相关推荐

GridView 实现服务器端和客户端全选的两种方法
代码很简单,这里就不累述了.看代码如下: C# GridView 实现服务器端和客户端全选的两种方法全选转载于:https://www.cnblogs.com/rocky99261/archive ...
php文本框自动补全,PHP自动补全表单的两种方法
效果图: 第一种:从数据库中检索之后补全第二种:邮箱等纯前端的补全先说第二种,使用开源的插件,所以相对简单. github上面的项目 completer. https://github.com/f ...
excel2016html,Excel2016中切换至全屏视图的两种方法
在Excel工作表的使用过程中,有时因为工作表中的内容较多,无法在当前屏幕中完整显示,这时切换到全屏视图来查看要更方便一些.在Excel 2016中切换至全屏视图,主要有以下两种方法: 方法一:使用快 ...
python匹配文本中全角符号的两种方法
在对文本进行处理的时候经常会遇见要对括号和标点进行匹配常见的英文(半角)符号如( ) 直接用正则匹配即可但是遇见全角字符(中文括号.标点),直接用正则匹配会存在问题: 因为编码通常为为utf8,若 ...
单击触发jquery.autocomplete的两种方法
jquery.autocomplete的参数 minChars设置为0时,默认要双击才会触发jquery.autocomplete,如果想要单击触发的话,得进行一定的处理才行.下面讲下我知道的单击触发 ...
php ajax jquery 表单重复提交,jQuery的 $.ajax防止重复提交的两种方法(推荐)
下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不 ...
用JQuery或JS改变div的id的五种方法
div的id是可以改变的,通常使用的方法是通过JQuery或Javascript来实现.本文介绍用JQuery或JS改变div的id的五种方法. 方法一:使用Tag选择器 JQuery代码如下: &l ...
jquery控制元素的隐藏和显示的几种方法。
使用jquery控制div的显示与隐藏,一句话就能搞定,例如: 1.$("#id").show()表示为display:block, $("#id").hide ...
jquery生成二维码怎么添加图片（两种方法）
github项目地址: https://github.com/fengliting/erweima 注意:这里实现的是第一个方法自动生成二维码里面添加图片,有两种方法,一种是使用jquery原生的二 ...
jQuery插件：Validation中success和submitHandler两个方法的区别
jQuery插件:Validation中success和submitHandler两个方法的区别 http://www.mzwu.com/article.asp?id=3357 先执行onsubmit ...

html实现全选反选,jquery实现全选、不选、反选的两种方法

html实现全选反选,jquery实现全选、不选、反选的两种方法相关推荐

最新文章

热门文章

html实现全选 反选,jquery实现全选、不选、反选的两种方法

html实现全选 反选,jquery实现全选、不选、反选的两种方法相关推荐

最新文章

热门文章

html实现全选反选,jquery实现全选、不选、反选的两种方法

html实现全选反选,jquery实现全选、不选、反选的两种方法相关推荐