复选框禁用使用jQuery无法正常工作

时间:2012-08-04 07:22:22

标签: jquery checkbox

我正在尝试使用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>

1 个答案:

答案 0 :(得分:4)

你可以试试这个:

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

OR

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

根据你的方法:

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

.each() 回调函数中,第一个参数是复选框的index。因此,您无需保留i进行索引。

再次启用checkbox

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