首页 > 代码库 > Jquery 1.8全选反选删除选中项实现

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

2024-07-21 17:44:57   218人阅读

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]")

 

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


联系
我们