Javascript 如何禁用MC表单的提交按钮?
我必须用单选按钮做一个MC问题。每个问题只能选择一个答案。每个问题有三个选择。我想检查用户是否回答了所有问题。如果是,请单击“提交”按钮。如果否,请禁用“提交”按钮。 这是我的密码:Javascript 如何禁用MC表单的提交按钮?,javascript,jquery,Javascript,Jquery,我必须用单选按钮做一个MC问题。每个问题只能选择一个答案。每个问题有三个选择。我想检查用户是否回答了所有问题。如果是,请单击“提交”按钮。如果否,请禁用“提交”按钮。 这是我的密码: <form name ='form' method ='post' action ='getResult' id ='form'> Q1. XXXXXXXXXX <br> <Input type = 'Radio' Name ='option_1'
<form name ='form' method ='post' action ='getResult' id ='form'>
Q1. XXXXXXXXXX
<br>
<Input type = 'Radio' Name ='option_1' value= '1'> A1 <br>
<Input type = 'Radio' Name ='option_1' value= '2'> A2 <br>
<Input type = 'Radio' Name ='option_1' value= '3'> A3 <br>
Q2. XXXXXXXXXX
<br>
<Input type = 'Radio' Name ='option_2' value= '1'> A1 <br>
<Input type = 'Radio' Name ='option_2' value= '2'> A2 <br>
<Input type = 'Radio' Name ='option_2' value= '3'> A3 <br>
<Input type = 'Reset' Name = 'Reset' VALUE = 'Reset'>
<Input type = 'Submit' Name = 'submitorder' VALUE = 'Submit' id='submitorder' disabled='disabled'>
</form>
问题1。XXXXXXXXX
A1
A2
A3
问题2。XXXXXXXXX
A1
A2
A3
我只是简单介绍了问题的内容、答案和按钮的值。试试这个
$(function(){
$("input[type='radio']").change(function () {
the_value = getChecklistItems();
if(the_value=="2")
$("#submitorder").removeAttr('disabled');
else
$("#submitorder").prop('disabled',true);
});
$("#reset").click(function(){
$("#submitorder").prop('disabled',true);
});
});
function getChecklistItems() {
var count=0;
var result =
$("input:radio:checked").get();
var columns = $.map(result, function(element) {
count=count+1;
});
return count;
}
HTML更改,为重置按钮分配一些id,如下所示:
<Input type = 'Reset' Name = 'Reset' id="reset" VALUE = 'Reset'>
使用jquery验证插件。是后期呈现的HTML,而不是php代码。顺便说一句,您正在寻找的任务是非常基本的,如果检查正常,只需返回true,否则返回false或阻止表单提交句柄的默认行为我更改了它…………感谢您的回答,但我不想在回答每个问题时弹出窗口,同样,当我回答所有问题并单击重置按钮时,仍将启用提交