javascript jquery radio button click

Question

I have 2 radio buttons and jquery running.

<input type="radio" name="lom" value="1" checked> first <input type="radio" name="lom" value="2"> second 

Now, with a button I can set onClick to run a function. What is the way to make radio buttons run a function when I click on one of them?

Answer 1

You can use .change for what you want

$("input[@name='lom']").change(function(){     // Do something interesting here }); 

as of jQuery 1.3

you no longer need the '@'. Correct way to select is:

$("input[name='lom']") 

Answer 2

If you have your radios in a container with id = radioButtonContainerId you can still use onClick and then check which one is selected and accordingly run some functions:

$('#radioButtonContainerId input:radio').click(function() {     if ($(this).val() === '1') {       myFunction();     } else if ($(this).val() === '2') {       myOtherFunction();     }    });