I have 3 radio buttons in my web page, like below:
<label for="theme-grey">_x000D_
<input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label>_x000D_
<label for="theme-pink">_x000D_
<input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label>_x000D_
<label for="theme-green">_x000D_
<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.
This question is related to
javascript
jquery
html
radio-button
This should do it, all of this is in the documentation, which has a very similar example to this:
$("input[type='radio'][name='theme']").click(function() {
var value = $(this).val();
});
I should also note you have multiple identical IDs in that snippet. This is invalid HTML. Use classes to group set of elements, not IDs, as they should be unique.