如何选择总共5个单选按钮时禁用单选按钮?

时间:2017-09-20 14:45:57

标签: javascript radio-button

<script>
    $(document).ready(function() {

        var radios = document.getElementsByTagName('input');
        var value;
        var z;
        for (var i = 0; i < radios.length; i++) {
            if (radios[i].type === 'radio' && radios[i].checked) {
                // get value, set checked flag or do whatever you need to
                z++;
                if (z > 5) {

                    alert("more than 5");
                }
            }
        }

    });
</script>

我正在尝试编写javasript,它将禁用其余的单选按钮。例如

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

当我选择前5名水果时,应禁用其他单选按钮。

1 个答案:

答案 0 :(得分:0)

请尝试以下代码:

$(document).ready(function() {
    $('input[type="radio"]').change(function(){
        var l = $('input[type="radio"]:checked').length;
        if( l > 5 ) {
            $(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');
                }
            }
        }
    });
});

简单易行,希望这会有所帮助。