如何使用javascript啟用帶有復選框的所有單選按鈕？

Question

我有8個標簽，每個標簽都有5個單選按鈕（1-bad，2、3、4、5-good），用戶應選擇前5個按鈕。當用戶選擇5個按鈕時，我已經想辦法禁用其余按鈕單選按鈕是代碼，

                  1     2     3     4     5      
apple             o     o     o     o     o
banana            o     o
orange
onion
potato
grape
peach
cherry

<script>

    $( document ).ready(function() {

    $('input[type="radio"]').change(function(){
        var l = $('input[type="radio"]:checked').length;
        if( l >= 6 ) {
            $(this).prop('checked', false);
            for(var i=0; i < $('input[type="radio"]').length; i++) {
                if( !$('input[type="radio"]').eq(i).is(':checked') ) {
                    $('input[type="radio"]').eq(i).prop('disabled', 'disabled');
                }
            }
        }
    });

if (document.getElementById('edit-submitted-enable-1').checked){

$("input[type=radio]").attr('enabled', true);
}


});




</script>

但是，如果用戶想編輯自己的選擇，則必須有“啟用所有單選按鈕”功能，我試圖通過復選框啟用頁面上的所有單選按鈕，但代碼卻無法正常工作

if (document.getElementById('edit-submitted-enable-1').checked){

$("input[type=radio]").attr('enabled', true);
}

Answer 1

單選按鈕具有稱為checked屬性。 您可以在“啟用所有單選按鈕”上更改使用事件處理程序，例如

  $('.enable-all-radios').on("click", function() {
     $("input[type='radio']").prop("checked", false)
  });