jquery - 复选框禁用不使用 jQuery

Question

我正在尝试使用jQuery禁用复选框列表中的复选框。但这似乎不起作用。这是代码。复选框列表共有 12 个复选框。

<script src="../AutoComplete Jquery/jquery-1.7.2.min.js" type="text/javascript">  
</script>
<script type="text/javascript">
$(document).ready(function() 
{
var disable = 5;
var i=0;
$(":checkbox").each(function()
                {
                    if(i<disable)
                    {
                        $(this).attr("disabled", "disabled");
                        i=i+1;
                    }
                });
});
</script>

Answer 1

你可以试试这个：

$(':checkbox:lt(5)').attr('disabled', 'disabled');

或者

$(':checkbox:lt(5)').prop('disabled', true);

根据您的方法：

$(":checkbox").each(function(i, check) {
    if (i < disable) {
        $(this).attr("disabled", "disabled");
    }
});

在.each()回调函数中，第一个参数是indexof 复选框。所以你不需要保留i索引。

要再次启用checkbox：

.removeAttr('disabled');或.prop('disabled', false)。