我创建了一个基本的 2 单选按钮表单,如下面的示例所示。
观察浏览器渲染,我们看到第 1 项被选中。我们检查第 1 项和第 2 项。
当我单击第 2 项时,我希望删除第 1 项的 check=checked 。我希望第 2 项收到属性 selected=checked。
这不是预期的行为吗?
<div>
<span>Item 1</span>
<input type="radio" name="radio1" id="radio1" checked="checked" />
</div>
<div>
<span>Item 2</span>
<input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>
http://jsfiddle.net/chrimbus/ZTE7R/1/ http://jsfiddle.net/chrimbus/ZTE7R/1/
The checked
属性指定default选中的单选按钮,而不是当前选中的单选按钮。
请参阅此示例代码:
function setChecked() {
document.getElementById('x1').removeAttribute('checked');
document.getElementById('x2').setAttribute('checked', 'checked');
}
document.querySelector('[type=button]').addEventListener('click', setChecked);
<form>
<input name="x" type="radio" id="x1" checked>
<input name="x" type="radio" id="x2">
<button type="button">Switch</button>
<button type="reset">Reset</button>
</form>
单击第二个单选按钮,然后单击重置。然后再次单击第二个单选按钮,然后单击“切换”,然后单击“重置”。
已检查的property将给出current单选按钮的检查状态。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)