复选框未选中时打开Fancybox iFrame

时间:2013-04-19 08:29:29

标签: jquery fancybox

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

  • 在ID为#deliverydetails
  • 的单独元素中传递详细信息表单
  • ID为sameAsCheckbox的复选框

现在我希望在取消选中复选框时,在fancybox iFrame中弹出deliverydetails表单。任何帮助,将不胜感激!

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

谢谢!

2 个答案:

答案 0 :(得分:0)

尝试

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

答案 1 :(得分:0)

试试这个

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

jFiddle Example

或者您也可以使用此内部点击处理程序:

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

正如所讨论的那样here