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

时间:2017-05-11 16:04:08

标签: javascript html wordpress forms

我在FormAssembly上有一个表单,如果他们为“你是雇主吗?”这个问题选择“否”单选按钮,我想阻止提交表单的人。到目前为止,我已将我所拥有的内容放在jsfiddle中。

JS:

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

submitButton代码:

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';
        }
    }
  }
});

1 个答案:

答案 0 :(得分: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/