帶有單選按鈕的jQuery進度條

Question

我正在創建一個進度條，它可以在填寫輸入時彈出並顯示持續進度，並且除單選按鈕之外，它適用於所有輸入類型。這是因爲每個輸入需要一個「必需」標籤才能註冊爲進度，但這意味着我必須爲每個無線電選項添加必需的標籤，因此，不是通過選擇其中一個收音機答案來顯示您回答問題，你必須點擊所有的單選按鈕。我嘗試將「必需」標籤應用於容納兩個單選按鈕的容器，但不起作用。

這是我的codepen，所以你可以看到我的工作。

http://codepen.io/er40/pen/ugdqa

感謝您的幫助！

Answer 1

有一個更復雜的解決方法，需要一個隱藏的輸入，根據選定的收音機改變值，但我認爲對於你在做什麼，從概念上來說，有一個複選框值得「是「，因爲你想確保用戶在繼續之前選擇」是「。

現在有兩個單選按鈕，我可以在同一時間選擇並仍然進步，這沒有多大意義。

編輯：複雜的解決方法

一個隱藏的，需要輸入添加到無線電集團：

<input type="radio" name="radio" value="yes">YES 
<input type="radio" name="radio" value="no">NO 
<input type="hidden" class="radio_selected" required="required" /> 

，並在你的JavaScript，沿此線的東西給隱藏的輸入值：

$('input[type="radio"]').click(function() { 
    var radio_selected = $(this).next('.radio_selected'); 
    if (radio_selected.val() !== 'true') { 
    radio_selected.val("true"); 
    } 
}); 

然後修改您的插件以檢測該更改。

這隻有真正有效，因爲你的無線電不能被取消選擇。