如何取消选择RadioButton?

时间:2017-03-15 13:56:29

标签: reactjs material-ui

说我在RadioButtonGroup中有一些RadioButton。我单击其中一个,我意识到我不应该提交表单,而只是想触发取消操作并返回到我原来的无状态状态。我怎么能这样做?

2 个答案:

答案 0 :(得分:3)

想出来。我错误地将值作为defaultSelected道具传递而不是valueSelected。现在,如果需要取消选择,我可以将null作为valueSelected道具传递。

答案 1 :(得分:-1)

你可以这样做:

如果这不是答案,请详细解释您的问题

$('#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>