jquery - 取消选中复选框时打开 Fancybox iFrame

Question

我正在尝试使用 Fancybox 插件创建一个弹出窗口，我将解释这些组件：

• 交付详细信息在 ID 为 #deliverydetails 的单独元素中形成
• id 为 sameAsCheckbox 的复选框

现在，当未选中复选框时，我希望将deliverydetails 表单弹出在fancybox iFrame 中。任何帮助，将不胜感激！

$(function () {
    $("#sameAsCheckbox").click(function () {
        if ($(this).is(':unchecked')) $('#deliverydetails').fancybox('');
    });
});

谢谢！

Answer 1

尝试这个

$("#sameAsCheckbox").click(function () {
 if ($(this).is(':checked')) {
  $('#deliverydetails').fancybox('');
 } 
})

jFiddle 示例

或者您也可以在 che click 处理程序中使用它：

 if(this.checked) {
    //Do stuff
}

如此处所讨论

Answer 2

尝试

$("#sameAsCheckbox").click(function () {
    if ($(this).attr('checked') != 'checked') $('#deliverydetails').fancybox('');
});