如果單選按鈕被選中，停止表單提交

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

來源

2017-05-11 user3541921

什麼是'submitButton'？你可以發佈這個選擇器的代碼嗎？... – War10ck

我編輯過這個帖子！ :) – user3541921

你的情況，你不需要檢查，因爲只有一個將在同一時間進行檢查單選按鈕是否被選中。所以，只需捕捉點擊即可。

$(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/

來源

2017-05-11 17:22:21

太棒了，這正是我想要的！謝謝！我已將js發送到我的網站（Wordpress），並且它不再有效。我在網站上還有其他兩種表單，所以我假設我必須將頁面以及js中的表單也定位到該頁面。另外還有兩個地方可以在FormAssembly或Wordpress中添加js，你知道哪些最適合添加嗎？我也使用簡碼在網站上發佈了表單，不幸的是我無法將其更改爲iframe。謝謝:) – user3541921

表單上還有一個驗證碼，在完成之前，還會禁用提交按鈕 - 認爲值得一提的是它以某種方式覆蓋了新的js。 – user3541921

如果單選按鈕被選中，停止表單提交

回答

相關問題