2017-03-15 14 views
1

RadioButtonGroupにいくつかのRadioButtonがあるとします。私はそのうちの1つをクリックして、フォームを送信しないでください、代わりにキャンセルアクションをトリガーして、選択されていない元の状態に戻したいと思います。これどうやってするの?RadioButtonの選択を解除するにはどうすればよいですか?

+0

ラジオボタンは、正しく検証されているかどうかを確認するために少なくとも1つ必要です。代わりにチェックボックスを使うべきでしょうか?またはラジオボタンの1つに「none」オプションを指定しますか? –

+0

はい、私はここに別の質問でCheckButtonsとRadioButtonsをエミュレートする人を見ました:http://stackoverflow.com/questions/37150254/radiobuttongroup-within-nested-list 私はこのように行くかもしれません。 – amoedoamorim

答えて

0

それを考え出しました。私はvalueSelectedの代わりにdefaultSelected小物として値を間違って渡していました。ここで選択を解除する必要がある場合は、をvalueSelected小物として渡すことができます。

0

あなたはこのようにそれを行うことができます。

をこれが答えではない場合は、より詳細にあなたの質問を説明してください

$('#ClearAll').on('click',function(){ 
 
$('form')[0].reset(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="radio" name="gender" value="male"> Male<br> 
 
    <input type="radio" name="gender" value="female"> Female<br> 
 
    <input type="radio" name="gender" value="other"> Other <br> 
 
    <input id="ClearAll" type="button" value="clear"> 
 
</form>

+0

ありがとう、私は私のプロジェクトでjQueryを使用していません。 Reactの[material-ui](http://www.material-ui.com)のlibコンポーネントでReactを使用しています。あなたのソリューションは機能しますが、私が必要とするものではありません。 – amoedoamorim

関連する問題