您的位置:首页 > Web前端 > JQuery

Jquery 1.8全选反选删除选中项实现

2014-09-09 11:35 369 查看
JQuery1.6以后,Prop的出现,让1.6以下的全选反选效果全部失效了。以下是修正后的版本:

全选反选效果:

$(".checkbox").click(function () {

$('input[type=checkbox]').prop('checked', $(this).prop('checked'));
});


找到选中项的JQ代码:

$("input:[type='checkbox'][checked]")


JQ1.6以下的全选反选效果:

if ($(this).attr("checked") == true) {
$("input:[type='checkbox']").each(function () {
//$("#IsSettle").val("true");
$(this).attr("checked", "checked");

});
}
else {
$("input:[type='checkbox']").each(function () {
//$("#IsSettle").val("false");
$(this).removeAttr("checked");
});


JQ1.6以下的找到选中项的代码:

$("input:[type='checkbox'][checked]")
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: