jsのラジオボタンとチェックボックスの値をリセットします

Question

ラジオボタンがあり、その1つが次のようにチェックされています。

<input name="test_data" type="radio" value='1' id="test_data"> 
<input name="test_data" type="radio" value='2' id="test_data" checked="checked"> 
<input name="test_data" type="radio" value='3' id="test_data"> 
<input name="test_data" type="radio" value='4' id="test_data"> 

私は、ユーザーがresetvalue IDをクリックしたときに、私はラジオボタンの値をリセットすることができますどのようにこの

<a href="#" id="resetvalue">reset value</a> 

のようなリンクを持っています。私はどんな形でも使っていません。 フォームとボタンがある場合、リセットプロパティを使用して簡単に行うことができます。

jQueryのこれは:nth-of-type()セレクタを使用して第2の値に戻ってラジオボタンをリセットし

$('#resetvalue').click(function() { 
    $('input[name="test_data"]:nth-of-type(2)').prop('checked', true); 
}); 

：

Answer 1

$("#resetvalue").on("click",function(e){ 

    $("input[type='radio']").removeAttr("checked"); 

}); 

Answer 2

あなたはこのような何かを行うことができます。

JSFiddle

Answer 3

これは、これは元のチェックをラジオボタンに設定されます、はい、私はハンターのフィドルを取り、ちょうど

を追加し、あなたがそれを行う方法https://jsfiddle.net/0vLmt3L5/7/

$('#resetvalue').click(function() { 
    $('input[value="2"]').prop('checked', true); 
}); 

ですこれは$('input[value="2"]').prop('checked', true);

の代わりに$('input[name="test_data"]').prop('checked', false);

Answer 4

$('#resetvalue').click(function() { 
 
    $('[name="test_data"].checked').prop('checked', false); 
 
    // Set eq from 0 (first radio) to value you want 
 
    $('[name="test_data"]').eq(0).prop('checked', true); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input name="test_data" type="radio" value='1' id="test_data"> 
 
    <input name="test_data" type="radio" value='2' id="test_data" checked="checked"> 
 
    <input name="test_data" type="radio" value='3' id="test_data"> 
 
    <input name="test_data" type="radio" value='4' id="test_data"> 
 

 
<a href="#" id="resetvalue">Reset</a>