Javascript 如果选中单选按钮,则停止表单提交
我在FormAssembly上有一张表格,如果有人选择“否”单选按钮回答“你是雇主吗?”的问题,我想阻止他们提交表格。到目前为止,我已经把我所拥有的放在一个盒子里 JS: 提交按钮代码:Javascript 如果选中单选按钮,则停止表单提交,javascript,html,wordpress,forms,Javascript,Html,Wordpress,Forms,我在FormAssembly上有一张表格,如果有人选择“否”单选按钮回答“你是雇主吗?”的问题,我想阻止他们提交表格。到目前为止,我已经把我所拥有的放在一个盒子里 JS: 提交按钮代码: document.addEventListener("DOMContentLoaded", function() { var warning = document.getElementById("javascript-warning"); if (warning != null) { warni
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';
}
}
}
});
在您的情况下,您不需要检查单选按钮是否被选中,因为一次只检查一个单选按钮。因此,只需捕获点击就足够了
$(document).ready(function() {
$('input#tfa_1904').click(function() {
$('#submit_button').prop('disabled', true);
});
$('input#tfa_1903').click(function() {
$('#submit_button').prop('disabled', false);
});
});
更新小提琴:
什么是
提交按钮
?你能发布那个选择器的代码吗?…我已经编辑了帖子!:)太好了,这正是我想要的!非常感谢。我已经将js添加到我的站点(Wordpress),但它不再工作。我在网站上有两个其他的表单,在其他页面上,所以我假设我将不得不以页面和js中的表单为目标?还有两个地方我可以在FormAssembly或Wordpress中添加js,你知道哪一个最好添加它吗?我也在网站上发布了使用短代码的表单,很遗憾,我不能将其更改为iframe。谢谢:)表单上还有一个验证码,在完成之前,它也会禁用提交按钮——我认为值得一提,以防它以某种方式覆盖新的js。
$(document).ready(function() {
$('input#tfa_1904').click(function() {
$('#submit_button').prop('disabled', true);
});
$('input#tfa_1903').click(function() {
$('#submit_button').prop('disabled', false);
});
});