javascript - 取消选中reactjs中的单选按钮

Question

我想取消选中一个单选按钮，我已经尝试了几乎所有以下方法，但这些方法不起作用。

有人可以告诉我如何实现这一目标吗？

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="savercol text-center" id="regfareId00">
  <span class="star icon-round_trip"></span>
  <input type="radio" class="" name="foo0" value="0~P~~P0IPRT~3207~~29~X|6E~2135~ ~~BLR~07/28/2018 01:30~DEL~07/28/2018 04:15~">
  <label class=""><span>₹&nbsp;3,344</span></label>
</div>

Answer 1

为此您不需要 jQuery。如果您只有一个选项，则应该使用复选框，如果是单选按钮，则可以使用如下所示的内容:

设置状态

this.state = {
   value: ''
};

更改处理程序

handleChange(e) {
   value: e.target.value
}

在渲染中，选项是值的数组。

{options.map((option, i) => (
   <div>
      <input
         type="radio"
         name={name}
         value={option.value}
         checked={this.state.value === option.value}
         onChange={this.handleChange}}
      />
   </div>
))}