Jquery prop()与change()冲突解决办法

最新推荐文章于 2022-02-10 21:28:25 发布

有魔力的豆角

最新推荐文章于 2022-02-10 21:28:25 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jquery checkbox

本文链接：https://blog.youkuaiyun.com/culous/article/details/78554085

Jquery 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何使用jQuery实现全选功能，并确保选中状态变更时能够正确触发change事件，以便更新相关数据。文中提供了具体的代码实例，包括对不同类型的输入框（如paxOdr、paxStand等）进行操作的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决方案：
添加change()，让它触发$(“input[type=’checkbox’]”).prop(‘checked’, true).change();

代码实例如下：

$("input[name='paxOdr']:checkbox").change(function(){
        console.log("paxOdr>>>>>>>>");
        var type = $("#applyMainType").val();
        var arip = $("#serviceAirp").val();
        if(opt!="'view'" && opt!="view"){
            var datas =getCheckDataList('paxStand');//获取改变之前的数据
            $("#paxStandList li").remove();
            initStandard('1', type, arip, $("#paxStandList"), 'pax','paxStand', 'paxOdr');
            $("input[name='paxStand']:checkbox").each(function(i){
                ob =  $.parseJSON($(this).val());
            $.each(datas,function(m){
                if(socVos[m].standId == ob.standId && socVos[m].serviceId == ob.serviceId &&socVos[m].id == ob.id){
                    $("input[name='paxStand']:checkbox")[i].checked=true;
                }
            });
        });
        }
    });

全选时添加change方法

if(value=='paxSerList')$("input[name=paxSer]:checkbox").prop("checked", true);
            if(value=='paxList')$("input[name=pax]:checkbox").prop("checked", true).change();
            if(value=='paxOdrList')$("input[name=paxOdr]:checkbox").prop("checked", true).change();
            if(value=='paxStandList')$("input[name=paxStand]:checkbox").prop("checked", true);
            if(value=='crewList')$("input[name=crew]:checkbox").prop("checked", true).change();
            if(value=='crewOdrList')$("input[name=crewOdr]:checkbox").prop("checked", true).change();
            if(value=='crewStandList')$("input[name=crewStand]:checkbox").prop("checked", true);