在取复选框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里面
});
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。