单击时，jquery复选框不起作用

Question

我不确定我做错了什么但是我必须在点击图片时改变一个复选框状态并且它不起作用

我在转发器控件中有一个复选框，其属性data-id-chk从页面设置中被设置

<asp:CheckBox ID="chk_QuizQuestionOptionGUID" runat="server" CssClass="QuestionFormRadioButton" data-id-chk="0" />

然后有一个aspx wheere我是simplay在点击图像时调用javascript函数。但我想改变没有改变的复选框状态。     

function AddRemoveStyle(target) {
    try {

    var dataid = $(target).attr("data-id-img");

    var mychk = $('[data-id-chk="'+ dataid +'"]');

    var ckb = $(mychk[0]).is(':checked');
    if (!$(mychk[0]).is(':checked')) {
        $(mychk[0]).prop('checked', true);
    }
    else{           
        $(mychk[0]).prop('checked', false);
    }


    }
    catch (e) {
        // statements to handle any exceptions
        alert(e); // pass exception object to error handler
    }
}

</script>

这是调用上述方法的图像：

<a href="#" id="Photo4">
<div>
<div>
<asp:Label ID="lbl_QuizQuestionOptionGUID" runat="server" Visible="false" Text='<%#Eval("QuizQuestionOptionGUID")%>'></asp:Label>
<img id="img_Option" runat="server" src="/assets/images/null.gif" alt="null" onclick="AddRemoveStyle(this);" />                                                                                                 
</div>
</div>