Javascript单选按钮组点击

标签 javascript

所以我得到了这段代码,如果我点击一个单选按钮,我希望这些其他单选按钮在被点击时被取消点击并且被禁用。

到目前为止,它们被禁用了,但是它们并没有被取消点击?

if (document.getElementById("None").checked) {
    document.getElementById("HundredsAndThousands").clicked = false;
    document.getElementById("ChocolateSprinkles").clicked = false;
    document.getElementById("SilverBalls").clicked = false;
    document.getElementById("Coconut").clicked = false;

    document.getElementById("HundredsAndThousands").disabled = true;
    document.getElementById("ChocolateSprinkles").disabled = true;
    document.getElementById("SilverBalls").disabled = true;
    document.getElementById("Coconut").disabled = true;
}

最佳答案

您需要更改的属性称为checked,而不是clicked:

document.getElementById("HundredsAndThousands").checked = false;
document.getElementById("ChocolateSprinkles").checked = false;
document.getElementById("SilverBalls").checked = false;
document.getElementById("Coconut").checked = false;

关于Javascript单选按钮组点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16368429/

相关文章:

asp.net - 访问单选按钮的 OnChange javascript 事件时出现问题

javascript - 与 Three.js 类似的构造函数

javascript - 设置 HTML5 音频位置

javascript - setTimeout 中的多个任务未按预期工作

javascript - HighCharts 未显示所有类别

javascript - Zone.js 检测到 ZoneAwarePromise `(window|global).Promise` 已被覆盖。正确使用polyfills

javascript - SetTimeout javascript 倒数计时器延迟

javascript - Laravel Vue.js 不会将文件更新到服务器

javascript - 组合然后排序 Javascript 数组。得到不可预测的结果

javascript - jQuery.ajax() 函数中数据选项的用途是什么?