Opening a Fancybox iFrame when checkbox is unticked

Question

I'm trying to create a popup using the Fancybox plugin I'll explain the components:

Now I want the deliverydetails form to popup in a fancybox iFrame when the checkbox is unchecked. Any help would be appreciated!

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

Thanks!

score 0 · Answer 1 · answered Apr 19 '13 at 08:40

0

try

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

answered Apr 19 '13 at 08:40

Mengfei Xue

Couldn't get this to work. Do I need to declare any inline styles? – rapture89 Apr 19 '13 at 09:17

score 0 · Answer 2 · edited May 23 '17 at 11:57

0

Try this

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

or you can also use this inside che click handler:

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

as discussed here

edited May 23 '17 at 11:57

Community

answered Apr 19 '13 at 09:43

Magico

Thanks for the fast replies which helped me get to the solution! $("#sameAsCheckbox").fancybox({ 'type': 'inline', 'href': '#delivery_details', 'titleShow': true, 'transitionIn': 'elastic', 'transitionOut': 'elastic' }); – rapture89 Apr 19 '13 at 10:21

2 Answers2