jQuery Select all Radio button group

Question

I'm working on a long form that has several radio button groups. At the bottom there is a radio button "No All". When it's selected I would like to make it so that all of the "N" radio buttons are selected, but I can't get it to work. Here is a simplified version of the code: jQuery: ``` $(document).ready(function(){ //initially hide the Remove All Questions $("div.#removeAllquest").hide(); //////////// Show Remove All Questions if radio button selected $("input.#RemoveAll").click(function() { if ($(this).is(':checked')) $("input:radio [class*='radioR']").attr("checked",true); else $("input:radio [class*='radioR']").attr("checked",false); }); ``` }); Form: ``` …

Y	N	M
Y

Accepted Answer

Both of these should work - with the first one I tried to keep your style. With the second I changed the style a bit. With your sample, there's not really a way to uncheck them once they've been checked.

```
$("input.#RemoveAll").click(function() {
    if ($(this).is(':checked'))
        $("input:radio.radioR").attr("checked", "checked");
    else
        $("input:radio.radioR").removeAttr("checked");
});

$("#RemoveAll").click(function() {
    if ($(this).is(':checked'))
        $(".radioR").attr("checked", "checked");
    else
        $(".radioR").removeAttr("checked");
});
```

jQuery Select all Radio button group

Solution

Problem