Alex Rivera | Logout

In jQuery, how do I select an element by its name attribute?

Asked 2009-06-12T11:10:47.987
335

I have 3 radio buttons in my web page, like below:

<label for="theme-grey">
  <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label>
<label for="theme-pink">
  <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label>
<label for="theme-green">
  <input type="radio" id="theme-green" name="theme" value="green" />Green</label>

In jQuery, I want to get the value of the selected radio button when any of these three are clicked. In jQuery we have id (#) and class (.) selectors, but what if I want to find a radio button by its name, as below?

$("<radiobutton name attribute>").click(function(){});

Please tell me how to solve this problem.

Edit
Report

1 Answer

9

If you'd like to know the value of the default selected radio button before a click event, try this:

alert($("input:radio:checked").val());
answered 2011-06-24T18:38:04.940

Your Answer