Reset radio button using jQuery

Question

I'm have multiple radio button. After check or select radio button value randomly, i need to reset radio button to default checked or selected value on button click. My HTML code is below.

jQuery

function ResetRdo() {
    // Code to reset ?
}

HTML

<table>
    <tr>
        <td>
            <input type="radio" name="rdo1" value="a" checked="checked" />
            A
            <input type="radio" name="rdo1" value="b" />
            B
            <input type="radio" name="rdo1" value="c" />
            C
        </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="rdo2" value="1" />
            1
            <input type="radio" name="rdo2" value="2" checked="checked" />
            2
            <input type="radio" name="rdo2" value="3" />
            3
        </td>
    </tr>
    <tr>
        <td>
            <input type="radio" name="rdo3" value="1a" />
            1a
            <input type="radio" name="rdo3" value="2b"  />
            2b
            <input type="radio" name="rdo3" value="3c" checked="checked" />
            3c
        </td>
    </tr>
    <tr>
        <td>
            <input type="button" value="Reset" onclick="ResetRdo()" />
        </td>
    </tr>
</table>

checking all radio button value means

PSR
– PSR

2013-04-19 07:13:45 +00:00
Commented Apr 19, 2013 at 7:13 — PSR
– PSR, Commented Apr 19, 2013 at 7:13
it means im selecting radio button. @ PSR

Lakshmana Kumar
– Lakshmana Kumar

2013-04-19 07:17:35 +00:00
Commented Apr 19, 2013 at 7:17 — Lakshmana Kumar
– Lakshmana Kumar, Commented Apr 19, 2013 at 7:17

Joseph Silber · Accepted Answer · 2013-04-21 02:34:32Z

8

$('input[type=radio]').prop('checked', function () {
    return this.getAttribute('checked') == 'checked';
});

Here's the fiddle: http://jsfiddle.net/DNUdv/

edited Apr 21, 2013 at 2:34

answered Apr 19, 2013 at 7:15

Joseph Silber

221k59 gold badges369 silver badges293 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Paresh Mayani · Accepted Answer · 2015-04-23 05:38:30Z

2

This might help.

$("input:checked").removeAttr("checked");

edited Apr 23, 2015 at 5:38

Paresh Mayani

129k71 gold badges244 silver badges297 bronze badges

answered Apr 23, 2015 at 5:14

Anil Shrestha

511 silver badge5 bronze badges

Comments

Harpreet · Accepted Answer · 2013-04-19 07:19:07Z

1

You can use a unique id for each radio button like:

<input type="radio" name="rdo1" id="rdo1_a" value="a" checked="checked" />

Now in the function:

function ResetRdo() {
    $("#rdo1_a").attr('checked') == 'checked';
}

Use the same case for each set.

answered Apr 19, 2013 at 7:19

Harpreet

7295 silver badges14 bronze badges

2 Comments

ssilas777 Over a year ago

May be you have to use a class instead of Id, Not a good idea to use same id for all.

Harpreet Over a year ago

@ssilas777 I said a unique id for each radio button. The code snippet is just an example.

PSR · Accepted Answer · 2013-04-19 07:19:53Z

1

You can give id for check boxes then do

  function reset(){ 
   $("#id").attr('checked', 'checked');
  }

answered Apr 19, 2013 at 7:19

PSR

40.4k43 gold badges115 silver badges154 bronze badges

Collectives™ on Stack Overflow

Reset radio button using jQuery

jQuery

HTML

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

jQuery

HTML

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related