Javascript 根据无线电输入条件禁用和启用按钮提交
如果用户没有选择单选按钮,我想禁用一个可点击的输入字段。 以下是简单的HTML表单:Javascript 根据无线电输入条件禁用和启用按钮提交,javascript,html,css,radio-button,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='
<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>
这是在线演示 试试这个
试试这个
把它放在桌子里,然后对她做:
var tabPom = document.getElementById("pomTableId");
$(tabPom ).prop('disabled', true/false);
把它放在桌子里,然后对她做:
var tabPom = document.getElementById("pomTableId");
$(tabPom ).prop('disabled', true/false);
多个元素不能有相同的ID多个元素不能有相同的ID我该如何检查它是否被选中?将来,当你给人们提供javascript/HTML/css答案时,你应该首先在这里测试它。至于现在,我给你+1只是为了省力,我应该如何检查它是否被选中?将来,当你给人们提供javascript/HTML/css答案时,你应该首先在这里测试它。至于现在,我给你+1只是为了让你轻松使用id的点击功能,也就是使用id的点击功能
<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;
}
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>