如何使用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)
  });