取消单选按钮? [复制]
Posted
技术标签:
【中文标题】取消单选按钮? [复制]【英文标题】:Deslecting radio button? [duplicate] 【发布时间】:2016-08-01 06:46:33 【问题描述】:我有 4 个单选按钮。当我按下一个时,其他的都会改变。但是如何取消选择我之前选择的单选按钮? 我想到了这个,但它不起作用:
var id = $(this).attr("id");
id.setSelected(false);
【问题讨论】:
你是什么意思?...当你点击一个单选按钮时,你希望取消选中另一个单选按钮? 这是一个问题。当我选择一个答案时,问题和答案会发生变化,但按钮仍处于选中状态(因此答案仍处于选中状态)。我想重置单选按钮,因此没有为问题 2 选择任何选项。 这不是单选按钮的工作方式。您正在考虑复选框。您可以添加一个带有“以上都不是”作为标签的单选按钮,这比更改普通对象的使用方式要好。 【参考方案1】:为所有无线电输入提供相同的名称。请参见下面的示例。为此,您不需要 JQuery,它全部由浏览器管理。
HTML
<form>
<input type="radio" name="myRadio">
<input type="radio" name="myRadio">
<input type="radio" name="myRadio">
<input type="radio" name="myRadio">
<input type="submit">
</form>
【讨论】:
【参考方案2】:<body>
<input type='radio' class='radio-button' name='rb'>
<input type='radio' class='radio-button' name='rb'>
<input type='radio' class='radio-button' name='rb'>
</body>
<script type="text/javascript">
var allRadios = document.getElementsByName('rb');
var thisRadio;
var x = 0;
for(x = 0; x < allRadios.length; x++)
allRadios[x].onclick = function()
if(thisRadio == this)
this.checked = false;
thisRadio = null;
else
thisRadio = this;
;
</script>
要取消选择所有单选按钮,您必须添加重置按钮
【讨论】:
以上是关于取消单选按钮? [复制]的主要内容,如果未能解决你的问题,请参考以下文章