Question

In the callback of a HttpRequest I have, I run this jQuery code:

$("input[value='"+data.notetype+"']").click();

So the radio button with the value of data.notetype is selected. This works fine. But I need to perform an action based on what button is now selected.

If I use the change() method like this

$("input[name='note_type']").change(function () { 
   var clicked = $("input[name='note_type']:checked").val()
   alert(clicked);
}); 

it works fine when I click on the radio buttons, but when the radio button is set by the first line of code above, nothing happens.

If I use the click() method like this

$("input[name='note_type']").change(function () { 
  var clicked = $("input[name='note_type']:checked").val()
  alert(clicked);
});

it works fine when I click on the radio buttons, but when the radio button is set by the first line of code above, the message box shows the value of the radio button that was selected, not the one it is changing to.

Can anyone let me know how to fix this problem? Thanks for reading.

Answer 1

$("input[name='note_type']").click(function () { 
  var clicked = $(this).val();
  alert(clicked);
});