当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

jquery checkbox判断是否勾选以及全选的问题

减小字体 增大字体 作者:佚名  来源:网上搜集  发布时间:2019-1-4 8:50:34

-->

jquery-1.7.2.min.js ?下:

$(function(){
$(“.ckbox”).click(function(){
if ($(“.ckbox”).attr(“checked”)) {
$(“.child-box”).attr(“checked”, true);
} else {
$(“.child-box”).attr(“checked”, false);
}
});
});

没问题,正常勾选反选,以及全选。。。

jquery-1.9.1.min.js及以上经过测试无效。。。

问题1: 无法勾选,无法全选。。。 ?$(“.ckbox”).attr(“checked”))返回不是true和false了,而是undefined

解决方法:$(“.ckbox”).attr(“checked”)) 改成?$(“.ckbox_all”).is(‘:checked’)

问题2: jquery checkbox反复调用attr(‘checked’, true/false)只有第一次生效

解决方法:?$(“.child-box”).attr(“checked”, true); ? ?换成 ? ?$(“input[name=’id’]”).prop(“checked”,true);

$(function(){

$(“.ckbox_all”).click(function(){
alert($(“.ckbox_all”).is(‘:checked’))
if ($(“.ckbox_all”).is(‘:checked’)){

$(“input[name=’id’]”).prop(“checked”,true);

}
else{
$(“input[name=’id’]”).prop(“checked”,false);
}

});
});


jquery checkbox判断是否勾选以及全选的问题