表單提交與無線電輸入

Question

我有帶無線電輸入的表格
問題選擇是或否：

問題1是否
問題2是否
問題3是否
問題4是否
問題5是否
問題6是否

我已經使用JQuery Validation插件進行了驗證。 確認僅檢查以確保已選擇問題答案。

因此，一旦為任何人選擇了否，則必須轉到no.html。如果為任何人選擇了是，則必須轉到no.html

現在我想要的是：

我希望用戶對任何問題選擇“是”，一旦他們選擇“是”，我希望它將我定向到“ Yes.html頁面”

如果他們對任何問題均選擇“否”，請引導我進入No.html頁面。

而已。

Answer 1

聽起來您應該在服務器端處理某些事情，而不是使用JavaScript。 這是我的處理方法：

使用表單中的復選框，而不是單選按鈕。 這樣，您就不需要驗證，因為無法提交“空白”答案：如果為復選框提交了一個值，則將其選中（YES），否則將其選中（NO）。

然后在處理該表單輸入的服務器腳本中，檢查是否有任何問題的答案為是。 如果是這樣，則重定向到yes.html; 否則，請重定向到no.html。

希望這可以幫助！

編輯：如果必須執行此客戶端操作，則可以使用以下這種方法（HTML）：

<form id="myform">
    <ul>
        <li><input name="check1" value="1" />Question 1</li>
        <li><input name="check2" value="1" />Question 2</li>
        <li><input name="check3" value="1" />Question 3</li>
    </ul>
    <input type="submit" value="Click Me!" />
</form>

和JavaScript：

$('#myform').submit(function() {
    $(this).attr('action', ($(this).find('input:checked').length)? 'yes.html' : 'no.html');
});

當表單即將提交時，JS查找經過檢查的輸入（“是”答案）並將表單的目標（或“操作”）更改為正確的頁面。 如果有的話，表格轉到“ yes.html”頁面-否則，表格轉到“ no.html”。