检查动态选择的单选按钮

Question

I am currently running Bootstrap with https://github.com/kflorence/jquery-deserialize and a modal. I use an AJAX call to grab the form from a php file and add it into the HTML form, deserialize data, and then open the modal. However, when working with a radio button, I can't use a separate jQuery script to check to see if the radio was checked. It always shows as false when checking with

console.log($('#travel_only2').is(':checked'));

However, if I attempt to output the selector itself with

console.log($('#travel_only2'));

then it will show as checked. How can I wait for the radio to get checked, or is there another option? Thanks!

UPDATE: also, I just attempted to use $('#travel_only2').is(':checked') in the console itself and it shows true.

UPDATE: I did away with the deserialize plugin and attempted this:

$.each(this, function(name, val){
var $el = $('[name="'+name+'"]'),
type = $el.attr('type');

switch(type){
    case 'checkbox':
        $el.attr('checked', 'checked');
    break;
    case 'radio':
        $el.filter('[value="'+val+'"]').attr('checked', 'checked');
    break;
    default:
        $el.val(val);
}

}); Unfortunately using console.log(document.getElementById('travel_only2').checked); shows false then typing into the console once everything is loaded shows document.getElementById('travel_only2').checked true

LAST UPDATE: There seems to be a delay since the ajax call towards the template had the script included. Instead, I used $.getScript into my main script to call the template script, and that worked perfectly.

Answer 1

This is just pure javascript try this:

if(document.getElementById('travel_only2').checked) {
      // radio button is checked
    }

EDIT

Since that didn't work try this one:

 if($('#travel_only2').prop('checked')){
//radio button is check
}

Fiddle showing the functions I am using.

http://jsfiddle.net/bgLYL/