Question

我有8个标签，每个标签有5个单选按钮（1个坏，2,3,4,5个好），用户应该选择前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)
  });

如何使用javascript启用带有复选框的所有单选按钮？

1 个答案: