html可以取消的单选按钮,html-如何清除Javascript中的单选按钮？

html-如何清除Javascript中的单选按钮？

我有一个名为“选择”的单选按钮，带有选项“是”和“否”。 如果我选择任何一个选项并单击标有“清除”的按钮，则需要使用javascript清除所选的选项。 我该怎么做？

i2ijeya asked 2020-02-01T15:51:28Z

9个解决方案

106 votes

您不必为元素具有唯一的2728567307042842817024，可以通过其2728567307042817017025属性来访问它们：

如果您正在使用2728567307042817017024，则：

使用jQuery，它非常简单：

$('input [name = Choose]')。attr('checked'，false);

或使用纯JavaScript：

var ele = document.getElementsByName(“ Choose”);    for(var i = 0; i

JavaScript演示

NVRAM answered 2020-02-01T16:03:36Z

10 votes

这应该工作。 确保每个按钮都有唯一的ID。 (用两个单选按钮的ID替换Choose_Yes和Choose_No)

document.getElementById("Choose_Yes").checked = false;

document.getElementById("Choose_No").checked = false;

单选按钮应如何命名的示例：

Yes

No

Shawn Steward answered 2020-02-01T16:04:01Z

5 votes

如果您不打算使用jQuery，则可以使用像这样的简单javascript

document.querySelector('input[name="Choose"]:checked').checked = false;

这样做的唯一好处是您不必为两个单选按钮使用循环

Shriroop Joshi answered 2020-02-01T16:04:26Z

3 votes

没有更好的选择就是只添加第三个按钮(“两个都不”)，其结果与未选择的结果相同？

Jasper De Bruijn answered 2020-02-01T16:04:47Z

1 votes

一种ES6清除一组单选按钮的方法：

Array.from( document.querySelectorAll('input[name="group-name"]:checked'), input => input.checked = false );

wLc answered 2020-02-01T16:05:07Z

0 votes

简单，不需要jQuery：

clear

function clearChecks(radioName) {

var radio = document.form1[radioName]

for(x=0;x

document.form1[radioName][x].checked = false

}

}

Diodeus - James MacFarlane answered 2020-02-01T16:05:27Z

0 votes

如果单选按钮的ID为“ male”和“ female”，则可以使用jquery进行值重置

$('input[id=male]').attr('checked',false);

$('input[id=female]').attr('checked',false);

Vishnu S answered 2020-02-01T16:05:47Z

0 votes

如果您有一个具有相同ID的单选按钮，则可以清除选择

单选按钮定义：

CASH

CHEQUE

DD

清除单选按钮的所有值：

document.formName.paymentType[0].checked = false;

document.formName.paymentType[1].checked = false;

document.formName.paymentType[2].checked = false;

...

mahi_0707 answered 2020-02-01T16:06:16Z

-1 votes

YES

NO

Salil answered 2020-02-01T16:06:32Z