如果所有單選框在 jQuery 中都有選擇，則顯示一個元素

Question

我正在嘗試根據所有單選元素是否都有選擇來使表單顯示/隱藏提交按鈕-這就是我到目前為止所得到的..任何想法我做錯了什么？

$(document).ready(function() {
    $('#submit-btn').hide();

    if ($(':radio:checked').length > 0) {//try reach selected radio here
        $('#submit-btn').show();
    }
});

Answer 1

var count = 0

$(':radio').each(function(){
   count++;
});

if ($(':radio:checked').length == count) {
        $('#submit-btn').show();  
}

這可能有助於你的事業..!!

Answer 2

 $('.toCheck').length == $('.toCheck:checked').length;

如果計算結果為true ，則checked該選擇器的所有input ！ :)

Answer 3

如果選中任何單選元素，這將返回 true，這不是您想要的。

不幸的是，沒有快速的方法來處理無線電元素，因為即使一個被選中，其他元素也不會顯示為選中。

您必須手動循環它們。

Answer 4

我使用 Robin 的代碼片段進行了一些修改。

我沒有正確解釋每個“問題”都有一組 5 個單選按鈕（我的錯） - 但下面的代碼可以滿足我現在的需要。

基本上與 Robins 相同，除了每個問題有 5 個單選框，我將長度除以 5，它現在可以工作了！ 謝謝大家 ：）

$(document).ready(function() {
    $('#submit-btn').hide();
    $("form input:radio").change(function() {     
        var questions = ($('.questions').length / 5);
        var checked = ($('.questions:checked').length);
        if (questions == checked)
        {
            $('#submit-btn').show();
        }
    });
});