Question

我面临一个奇怪的问题。我需要在选中复选框时显示弹出窗口。它工作正常，但即使在取消选中时也会显示相同的弹出窗口。

<af:objectImage id="agreementCheckBoxImg" source="/base/images/spacer.gif" styleClass="jqTransformCheckbox" onclick="displayPopup(this.id,'main\\\\:content\\\\:Popupregion\\\\:Popup','520px','260px');return false;"/>

<script type="text/javascript">    
    function displayPopup(buttonId,popId,width,height) {
        var eminputSelf = $("#main\\:content\\:check");
        if (eminputSelf.attr("checked") == true) { // check box condition works fine
            alert('returning do not show popup');
        } else {
            $('#'+needHelpId).colorbox({ open:true, title:'',innerWidth:interWidth, innerHeight:innerHeight,close:'shutdown', inline:true, href:popId , onOpen:function(){ $(popId ).show();}, onCleanup:function(){ $(popId ).hide();}});
        }
    }

</script>

取消选中时会发出警报，但弹出窗口也会出现。

请帮忙。提前谢谢。

Answer 1

尝试使用：

if (eminputSelf.prop("checked") === true) {

prop()返回布尔值并使用复选框状态进行更改，而attr()则不会。

http://api.jquery.com/prop/

Answer 2

请改为尝试：

if (eminputSelf.is(":checked")) { // checked condition
  // existing code
} else {
  // existing code  
}

祝你好运!!

jQuery colorbox - 即使在关闭后也会被调用

2 个答案: