我有一个名为“选择”的单选按钮,其中包含选项是和否。如果我选择任何一个选项并单击标记为“清除”的按钮,我需要使用 javascript 清除所选选项。我怎样才能做到这一点?
如何清除Javascript中的单选按钮?
IT技术
javascript
html
2021-02-21 19:04:28
6个回答
您不需要id
元素的唯一性,您可以通过它们的name
属性访问它们:
如果您正在使用name="Choose"
,则:
使用 jQuery,它很简单:
$('input[name=Choose]').attr('checked',false);
或在纯 JavaScript 中:
var ele = document.getElementsByName("选择"); for(var i=0;i<ele.length;i++) ele[i].checked = false;
如果你不打算使用 jQuery,你可以像这样使用简单的 javascript
document.querySelector('input[name="Choose"]:checked').checked = false;
这样做的唯一好处是您不必为两个单选按钮使用循环
这应该有效。确保每个按钮都有唯一的 ID。(用两个单选按钮的 ID 替换 Choose_Yes 和 Choose_No)
document.getElementById("Choose_Yes").checked = false;
document.getElementById("Choose_No").checked = false;
应如何命名单选按钮的示例:
<input type="radio" name="Choose" id="Choose_Yes" value="1" /> Yes
<input type="radio" name="Choose" id="Choose_No" value="2" /> No
不是更好的选择是添加第三个按钮(“都不是”),它会给出与没有选择相同的结果吗?
一种清除一组单选按钮的 ES6 方法:
Array.from( document.querySelectorAll('input[name="group-name"]:checked'), input => input.checked = false );
其它你可能感兴趣的问题