javascript - Apple 设备中的复选框无法通过带有 js/jquery 的按钮进行检查

Question

当我在 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");
    }
});

Answer 1

JQuery 1.6以上版本的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");
                }
            });