当复选框未选中时打开一个Fancybox iFrame

Question

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

• 交付细节表单在一个单独的元素中，id为#deliverydetails
• id为sameAsCheckbox的复选框

现在我想要deliverydetails表单弹出在一个fancybox iFrame当复选框被选中。任何帮助将不胜感激!

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

谢谢!

Answer 1

try

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

Answer 2

试试这个

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

jFiddle例子

或者你也可以在点击处理程序中使用:

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