如果选中单选按钮，则停止表单提交

Question

我在 FormAssembly 上有一个表单，如果有人为“你是雇主吗？”这个问题选择了“否”单选按钮，我想阻止他们提交该表单。我已经把我目前拥有的东西放在了jsfiddle。

JS：

$(document).ready(function() {
 $('input#tfa_1904').click(function() {
  if ($('#tfa_1904').is(':checked') {
    submitButton.disabled = true;
  }
  else {
    submitButton.disabled = false;
  }
 });
});

提交按钮代码：

document.addEventListener("DOMContentLoaded", function() {
  var warning = document.getElementById("javascript-warning");
  if (warning != null) {
    warning.parentNode.removeChild(warning);
  }
  var oldRecaptchaCheck = parseInt('0');
  if (oldRecaptchaCheck !== -1) {
    var explanation = document.getElementById('disabled-explanation');
    var submitButton = document.getElementById('submit_button');
    if (submitButton != null) {
      submitButton.disabled = true;
        if (explanation != null) {
          explanation.style.display = 'block';
        }
    }
  }
});

Answer 1

在您的情况下，您不需要检查单选按钮是否被选中，因为一次只会检查一个。因此，只需捕获点击就足够了。

$(document).ready(function() {
    $('input#tfa_1904').click(function() {
        $('#submit_button').prop('disabled', true);
    });

    $('input#tfa_1903').click(function() {
        $('#submit_button').prop('disabled', false);
    });
});

更新的小提琴： https://jsfiddle.net/h5r8gud1/8/