通过jQuery获取组单选按钮选择的值

Question

How can I get the selected radio button value via jQuery? I tried:

var selectedPlan = $("input[name=Plan[packageId]]:checked'").val();
alert(selectedPlan);

bBt didn't work.

<td style="vertical-align: top;">
    <input type="radio" value="1" name="Plan[packageId]">
    <lable>3 Games</lable><br>

    <input type="radio" value="2" name="Plan[packageId]">
    <lable>5 Games</lable><br>

    <input type="radio" value="3" name="Plan[packageId]">
    <lable>10 Games</lable><br>
</td>

here is the fiddle http://jsfiddle.net/vk3z45an/

Answer 1

You need to escape the [] characters in the name attribute of the selector (or wrap them in quotes) and remove the un-matched apostrophe at the end. Try this:

var selectedPlan = $("input[name=Plan\\[packageId\\]]:checked").val();
alert(selectedPlan);

// alternatively:
// var selectedPlan = $("input[name='Plan[packageId]']:checked").val();

Updated fiddle

Note that you're running your code on load of the page and your HTML has no radio selected by default. I added a checked attribute to one of the radios so you can see it working. Also, your original fiddle did not include jQuery so I added that too. Finally, the element is label , not lable .

Answer 2

You need to escape the CSS meta characters or wrap them in quote for preventing the selector from breaking:

var selectedPlan = $("input[name='Plan[packageId]']:checked").val();

Working Demo