javascript - 根据 radio 输入条件禁用和启用按钮提交

标签 javascript html css radio-button

如果用户没有选择单选按钮,我想禁止输入字段被点击。 这是简单的 HTML 表单:

<form method="POST">
    <input type='radio' name='a' value='a' id='checkMe' /> a 
    <input type='radio' name='a' value='b' id='checkMe' /> b  
    <input type='radio' name='a' value='c' id='checkMe'  /> c    
    <input type='submit' value='choose' id='choose' disabled="disabled"/>    
</form>

现在,我制作了这个 js,以查看是否选择了其中一个输入,然后应该尊重 disabled="disabled" 部分,但现在在这段 JavaScript 代码中就是这种情况

if(document.getElementById('checkMe').checked) {
   document.getElementById('choose').disabled=false;
}  

这是在线演示。 http://jsfiddle.net/2HC6s/

最佳答案

试试这个 | demo

<form method="POST" id="question">
    <input type='radio' name='a' value='a' id='checkMe' onclick="check()"/> a 
    <input type='radio' name='a' value='b' id='checkMe1' onclick="check()" /> b  
    <input type='radio' name='a' value='c' id='checkMe2' onclick="check()" /> c    
</br>

function check()
{
var ele = document.getElementsByName('a');
var flag=0;
for(var i=0;i<ele.length;i++)
{
    if(ele[i].checked)
     flag=1;

} 
if(flag==1)
document.getElementById('choose').disabled=false;
}

关于javascript - 根据 radio 输入条件禁用和启用按钮提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18873134/

相关文章:

javascript - 使用 javascript 的 .insertBefore 将项目作为最后一个 child 插入

javascript - Gatsby.js - AllMarkdownRemark 中的 GraphQL 查询 pdf 文件

javascript - 访问另一个对象内部的对象属性

html - 使用 web.config 允许服务器端包含在 HTML 文件中 (IIS)

javascript - Medium.js 不工作 - 'Medium is not defined'

javascript - 如何使用 JavaScript 将 html 文件立即加载到 textarea 框中?

javascript - Firefox 将 img 下移一行

javascript - 通过 JavaScript 添加搜索栏

javascript - 浏览 Node.js 服务器时出现 502(代理错误)

html - 防止DIV容器进入 float 菜单