Jquery radio button check

Question

I want to check is there any radio button selected and if there is no selection to print some alert message.

The html code is:

<form action="" id="form" name="form" method="post">
<input type="radio" id="form_rd" name="form_rd" value="1"> 1
<input type="radio" id="form_rd" name="form_rd" value="2"> 2
<input type="radio" id="form_rd" name="form_rd" value="3"> 3
<button type="submit">send</button>
</form>

Jquery that I'm using for checking:

$("form#form").submit(function() {
if (!$("#form_rd").attr('checked')) {alert("not checked");return false;}
})

This jquery code is not working. What is the better solution for this radio button check?

Answer 1

I cannot emphasize enough that IDs must be unique! So change your id="form_rd" into (for example) class="form_rd". Leave name alone, however, because the receiving end won't like the request if you change that too.

Try

$("form#form").submit(function() {
    if ($("#form :radio:checked").length == 0) {
        alert("not checked");
        return false;
    }
});

This will fail if you have multiple groups. Do you need a solution for that?