Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何禁用MC表单的提交按钮?_Javascript_Jquery - Fatal编程技术网

Javascript 如何禁用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'

我必须用单选按钮做一个MC问题。每个问题只能选择一个答案。每个问题有三个选择。我想检查用户是否回答了所有问题。如果是,请单击“提交”按钮。如果否,请禁用“提交”按钮。 这是我的密码:

<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或阻止表单提交句柄的默认行为我更改了它…………感谢您的回答,但我不想在回答每个问题时弹出窗口,同样,当我回答所有问题并单击重置按钮时,仍将启用提交