在reactjs中取消选中单选按钮

时间:2018-07-25 08:26:04

标签: javascript jquery reactjs

我想取消选中单选按钮,并且我尝试了以下几乎所有方法,但这些方法均无效。

有人可以建议我如何实现这一目标吗?

conn.Send("MULTI")
conn.Send("SET", "foo", "bar")
...
reply, err := conn.Do("EXEC")
if err != nil {
    ...
}
...
$('input[type="radio"]').prop('checked', false);
$('input[type="radio"]').removeAttr("checked");

2 个答案:

答案 0 :(得分:2)

您不需要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>
))}

答案 1 :(得分:1)

jQuery中,您应该知道attributeproperty之间的区别。 (Link

下面是一个演示它们如何工作的示例。(仅第一次使用attribute时有效)

希望这会有所帮助:)

$('#a').click(function(){  
  $('input[type="radio"]').attr("checked", true);
})
$('#b').click(function(){
  $('input[type="radio"]').removeAttr("checked");
})
$('#c').click(function(){
  $('input[type="radio"]').prop('checked', true);
})
$('#d').click(function(){
  $('input[type="radio"]').prop('checked', false);
})
<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>
<button id="a">Set by .attr</button>
<button id="b">Remove by .removeAttr</button>
<button id="c">Set by .prop true</button>
<button id="d">Remove by .prop false</button>