复选框不通过 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

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