Javascript 当未选择任何选项时，如何禁用“提交”按钮？

我有3个工作单选按钮，但是当单选按钮中没有选择选项时，如何禁用提交按钮

函数getCheckedValue（radioObj）{ 如果（！radioObj） 返回“”； var radioLength=radioObj.长度； 如果（放射长度==未定义） 如果（无线电目标检查） 返回radioObj.value； 其他的 返回“”； 对于（var i=0；i

输入[类型=收音机]{
-网络工具包外观：收音机；
-O-外观：收音机；
-moz外观：收音机；
不透明度：1；
}
#header.bottom-header.blog h1{
字体大小：64px；
颜色：红色
}
输入[类型=收音机]：悬停+标签{
边框：实心1px白色；填充：5px；边框半径：1px；
边框颜色：红色；
颜色：红色；
不透明度：1；
}  
输入[类型=收音机]：选中+标签{
边框：纯色2px白色；填充：5px；边框半径：1px；
边框颜色：红色；
颜色：红色；
不透明度：1；
}
输入[类型=文本]{
字体大小：粗体；
}
输入[类型=文本]：悬停{
}
输入[类型=电子邮件]：悬停{
}

零

一个

两个

将

禁用属性添加到按钮HTML
并添加此代码以侦听单选按钮中的更改。更改时启用“提交”按钮

我添加了这个代码

var radioBtns = document.radioExampleForm.number;
for (var i = 0; i < radioBtns.length; i++) {
    radioBtns[i].addEventListener('change', function() {
      document.getElementById("submitBtn").disabled = false;
    });
}


零

一个

两个


禁用submit按钮最有效的方法是将
disabled
属性直接添加到submit按钮输入的html中。这样，提交按钮在渲染到屏幕之前即被禁用：

<input disabled id="submitBtn" type="button" onclick="window.open(getCheckedValue(document.forms['radioExampleForm'].elements['number']), '_blank');" value="Submit">

纯JS：试试这个


函数handleChange1（）{
document.getElementById（“测试”）.disabled=false；；
}

零

一个

两个



函数启用submitbtn（）{
document.getElementById（“submitBtn”）.disabled=false；
}
函数getCheckedValue（radioObj）{
如果（！radioObj）
返回“”；
var radioLength=radioObj.长度；
如果（放射长度==未定义）
如果（无线电目标检查）
返回radioObj.value；
其他的
返回“”；
对于（var i=0；i

输入[类型=收音机]{
-网络工具包外观：收音机；
-O-外观：收音机；
-moz外观：收音机；
不透明度：1；
}
#header.bottom-header.blog h1{
字体大小：64px；
颜色：红色
}
输入[类型=收音机]：悬停+标签{
边框：实心1px白色；填充：5px；边框半径：1px；
边框颜色：红色；
颜色：红色；
不透明度：1；
}  
输入[类型=收音机]：选中+标签{
边框：纯色2px白色；填充：5px；边框半径：1px；
边框颜色：红色；
颜色：红色；
不透明度：1；
}
输入[类型=文本]{
字体大小：粗体；
}
输入[类型=文本]：悬停{
}
输入[类型=电子邮件]：悬停{
}

零

一个

两个


下面不工作#Lonnie Best添加了正在工作的代码我不知道为什么它对你不起作用，请确保在上面的按钮htmlnot working中添加按钮id和禁用属性#Lonnie Best添加了正在工作的代码请不要通过破坏你的帖子为其他人做更多的工作。通过在Stack Exchange网络上发布，您已授予Stack Exchange在下不可撤销的权利，以分发该内容（即，无论您未来的选择如何）。根据堆栈交换策略，帖子的非破坏版本是分发的版本。因此，任何故意破坏行为都将恢复原状。如果您想了解有关删除帖子的更多信息，请参阅：
document.addEventListener('click', function enableSubmit(event)
{
    let submitBtn = document.getElementById("submitBtn");
    if (event.target.type === "radio" && event.target.name === "number")
    {
        submitBtn.removeAttribute("disabled");
        // Now, we can also remove this vary event listener:
        document.removeEventListener('click', enableSubmit);
    }
});