根据无线电输入条件禁用和启用按钮提交
Disabling and enabling button submit based on radio input conditions
如果用户没有选择单选按钮,我想禁用输入字段的可点击性。这是简单的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/
试试这个 | 演示
<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;
}
<!DOCTYPE html>
<html>
<head>
<title>Stack</title>
<script>
function set_btn_status()
{
var radios = document.getElementsByName("a");
for (var i = 0; i < radios.length; i++) {
if (radios[i].checked) {
var checked_value = radios[i].value;
if(checked_value == 'a') {
document.getElementById('choose').disabled = false;
} else {
document.getElementById('choose').disabled = true;
}
break;
}
}
}
</script>
</head>
<body>
<form method="POST">
<input type='radio' name='a' value='a' id='checkMe' onclick="set_btn_status()"/> a
<input type='radio' name='a' value='b' id='checkMe1' onclick="set_btn_status()"/> b
<input type='radio' name='a' value='c' id='checkMe2' onclick="set_btn_status()"/> c
<input type='submit' value='choose' id='choose' disabled="disabled"/>
</form>
</body>
</html>
把它放在一张桌子里,然后在她身上做:
var tabPom = document.getElementById("pomTableId");
$(tabPom ).prop('disabled', true/false);
<form method="POST" id="question">
<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
</br>
<input type='submit' value='choose' id='choose' disabled="disabled"/>
</form>
<script>
document.getElementById('checkMe').onclick = function() {
document.getElementById('choose').disabled=false;
}
</script>
相关文章:
- 根据字段的值启用按钮
- 输入昵称后启用按钮
- 如果没有任何输入,如何启用按钮
- 在动态添加的文本框中输入文本时启用按钮
- 在 asp.net 回发期间禁用和启用按钮
- 功能的禁用/启用按钮;不起作用
- 启用按钮不工作
- 选择2个选择标签后启用按钮
- KnockoutJS:基于数组启用按钮的长度
- 如果验证错误是有效的JAVASCRIPT,则启用按钮
- 如何在选中复选框时启用按钮
- 如何使用AngularJS在延迟后启用按钮
- 关闭弹出窗口后重新启用按钮
- 我如何才能等待使用casperjs启用按钮
- 等到所有脚本都完成,然后再启用按钮
- Jquery - 选中复选框时未启用按钮
- 禁用/启用按钮,当文本和文本区域为空时
- 在条件jquery上启用按钮/输入区域
- 禁用然后在jquery中启用按钮
- 如果文本字段 1 中的值大于文本字段 2,则启用按钮