Question

我有2页，其中一页是灯箱。当我在灯箱中单击“取消”时，我会在我的父页面中触发一个功能以取消选中一个复选框。我的复选框的状态未选中，但未删除复选标记。仅当我刷新页面时，才会删除复选标记。如何删除复选标记？我正在使用jQuery。

 <input class="checkbox" type="checkbox" value="krisflyer" id="chkbox"/>
 <a href="lightbox.html?KeepThis=true&TB_iframe=true&height=600&width=950&modal=true" class="thickbox" id="lightbox"></a>
 <input type="hidden" id="cancelfunc" />   //Edited

 $("#cancelfunc").click(function(){
       $("#chkbox").attr("checked", false);
       tb_remove();
 })

在我的灯箱中：

 <a id="cancel_lightbox" href="#">Cancel</a>  //Edited

 $('#cancel_lightbox').click(function(){
window.parent.$("#cancelfunc").click();
return false;
 })

更新

抱歉，我忘了提一件事。我一直在使用图像作为复选框。如果我删除添加图像的类，代码工作正常。选中该复选框并正确取消选中。仅对于图像，它们不会适当地改变。

Answer 1

不确定这是否可以解决问题，但这是我取消选中该框的方式removeAttr()

$("#cancelfunc").click(function(){
       $("#chkbox").removeAttr("checked");
       tb_remove();
 });

Answer 2

$("#cancelfunc").click(function(){
       $("#chkbox").checked = false;
       tb_remove();
 })

Answer 3

尝试

$("#chkbox").attr("checked", "");

复选框未选中，但未在页面中刷新

3 个答案: