javascript - 如果我选中 2 个输入单选按钮，禁用的“提交”按钮将启用，但如果我取消选中它们...“提交”按钮不会禁用返回

Question

我只需要一些关于这段代码的帮助。

var prv3;
var markIt3 = function(e) {
  if (prv3 === this && this.checked) {
    this.checked = false;
    prv3 = null; 
  } else {
    prv3 = this;
    }   
};
$(function() {
  $('input.class_x').on('click', markIt3);
});

$('input[type=radio]').on('change', function() {

  var current = $('input.class_x').filter(':checked');
  var sbmtBtn = document.getElementById('SubmitButton');
  sbmtBtn.disabled = true;

  if (current.length > 1) {
    sbmtBtn.disabled = false;
  } else {
    sbmtBtn.disabled = true;
  }
}).change();

我的要求如下:任何人都可以修复缺少的内容，以便表单提交按钮返回到应有的禁用状态，因为此表单仅在检查了 2 个输入类型单选按钮时才启用它？

这个形式前面的描述是一切的主要思想:

一个表单，带有多个输入类型的单选按钮。至少选中 2 个，然后“提交”按钮将启用。但是，如果您取消选中其中任何一个，“提交”按钮应该禁用返回，但我无法设法实现这部分。我只需要一点 IT 帮助，不需要其他任何帮助。

请不要对我的代码进行太多更改!可以完成吗？

在这里检查 fiddle :https://jsfiddle.net/Suiberu/70tkgk5t/13/

谢谢!

Answer 1

实际上问题是取消选择未检测为更改的单选按钮。这个怎么样

var prv3;
var markIt3 = function(e) {
  if (prv3 === this && this.checked) {
    this.checked = false;
    prv3 = null; 
  } else {
    prv3 = this;
  	}
  checkIfValid();
};
$(function() {
  $('input.class_x').on('click', markIt3);
});

function checkIfValid() {
  var current = $('input.class_x').filter(':checked');
  var sbmtBtn = document.getElementById('SubmitButton');
  sbmtBtn.disabled = true;

  if (current.length > 1) {
    sbmtBtn.disabled = false;
  } else {
    sbmtBtn.disabled = true;
  }
};

input {
  display: block;
  margin: 0.5em 0;
}

input[type='submit']:disabled {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="myform" autocomplete="off" method="post">
  <input class="class_x" type="radio" name="name_1" value="value_1" id="id_1" />
  <input class="class_x" type="radio" name="name_2" value="value_2" id="id_2" />
  <input class="class_x" type="radio" name="name_3" value="value_3" id="id_3" />
  <input type="submit" name="name_submit" value="OK" class="class_submit" id="SubmitButton" required/>
</form>