Javascript 单击关闭按钮时取消选中单选按钮

Javascript 单击关闭按钮时取消选中单选按钮,javascript,Javascript,我现在有一个带有一些单选按钮(“模态选项”)的模态和一个关闭模态按钮。 我试图让它这样当关闭按钮被点击时,所有点击的单选按钮都被取消选中。 当前代码如下。控制台说removeAttr不是一个函数。。。?谢谢 取消约会 是jQuery方法。等效的JavaScript方法是 但是,我更喜欢使用checked属性: button.checked = false; 您的目标是标签,而不是单选按钮: 首先,removeAttr不是HTML元素上的函数;你的意思是删除属性 其次,要取消选中输入,您需要i

我现在有一个带有一些单选按钮(“模态选项”)的模态和一个关闭模态按钮。 我试图让它这样当关闭按钮被点击时,所有点击的单选按钮都被取消选中。 当前代码如下。控制台说removeAttr不是一个函数。。。?谢谢

取消约会

是jQuery方法。等效的JavaScript方法是

但是,我更喜欢使用checked属性:

button.checked = false;
您的目标是标签,而不是单选按钮:


首先,
removeAttr
不是HTML元素上的函数;你的意思是删除属性

其次,要取消选中输入,您需要
input.checked=false
。removeAttribute不起作用的原因是,如果您检查输入元素,您将看到在切换时没有添加或删除“checked”属性“选中”是一个属性,而不是属性;在这种情况下,以及进入自定义元素时,这种区别很重要

document.querySelector('button')。addEventListener('click',()=>{
document.querySelector('input')。checked=false;
});


取消选中
请添加相关的HTML…通常,当DOM元素未正确选择时会触发错误。提供相关的html文件可能很有用。我认为op可能将jQuery与vanilla Javascript混合使用。注意,使用
document.querySelector('input')
将只获取页面上的第一个
元素,它甚至可能不是复选框。谢谢,我已经做了更改,但没有发生任何事情。我一点也没有errors@b.herring,您应该以单选按钮为目标。。。。。更新了答案,请检查:)
var buttons = document.querySelectorAll(".modal-flex input[type=radio]");