复选框不通过 Apple 设备中的 js/jquery 按钮检查

Posted 2023-03-12

【中文标题】复选框不通过 Apple 设备中的 js/jquery 按钮检查

【英文标题】：checkboxes not check through button with js/jquery in Apple devices

【发布时间】：2014-11-12 06:48:25

【问题描述】：

当我在 iphone 或 ipad 中打开网站时，其复选框不会通过按钮检查。这是我的代码

html:

<td><button type="button" class="btn-u btn-u-dark-blue" id="btnpvtperson" style="border-radius: 10px 0px 0px 0px !important;" >Privatperson</button>
<input type="checkbox" name="delAnn[]" id="checkpvtperson" value="pvt" class="home_type istrow btn-u" style="display:none"></td>

js：

$(document).on('click', '#btnpvtperson', function()

    if($("#checkpvtperson").prop("checked") == false)
    
        $("#checkpvtperson").attr('checked', true);
        $("#btnpvtperson").removeClass("btn-u-dark-blue");
        $("#btnpvtperson").addClass("btn-u-dark-light");
     else 
        $("#checkpvtperson").attr('checked', false);
        $("#btnpvtperson").removeClass("btn-u-dark-light");
        $("#btnpvtperson").addClass("btn-u-dark-blue");
    
);

【问题讨论】：

将.attr() 更改为.prop()。

签到：$(document).click() not working correctly on iPhone. jquery

【参考方案1】：

1.6以上版本的JQuery Prop函数如下：

$(document).on('click', '#btnpvtperson', function()
            
                if($("#checkpvtperson").prop("checked") == false)
                
                    $("#checkpvtperson").prop('checked', true);
                    $("#btnpvtperson").removeClass("btn-u-dark-blue");
                    $("#btnpvtperson").addClass("btn-u-dark-light");
                 else 
                    $("#checkpvtperson").prop('checked', false);
                    $("#btnpvtperson").removeClass("btn-u-dark-light");
                    $("#btnpvtperson").addClass("btn-u-dark-blue");
                
            );