jQuery禁用最后一个复选框

Question

看看我的部分脚本。

它用于我从 PHP 脚本中填充的一系列复选框。渲染后的HTML 看起来像这样：

<input type='checkbox' value='3' id='checkbox-id-3' name='selectCityCheckbox[]' checked><label for='checkbox-id-3'>Description</label>
<input type='checkbox' value='5' id='checkbox-id-5' name='selectCityCheckbox[]' checked><label for='checkbox-id-5'>Description</label>
<input type='checkbox' value='7' id='checkbox-id-5' name='selectCityCheckbox[]'><label for='checkbox-id-7'>Description</label>

我现在需要一个禁用最后一个可用复选框并使其不可点击的功能。该函数应在每次点击和 DOM 加载时调用。

一些 jQuery：

var $eye = $('#eye');
var $eyeDropdown = $('#eyeDropdown');
var $checkboxes = $eyeDropdown.find(':checkbox');
var $eyeCheckedBoxes = $('#eyeDropdown :checkbox:checked');

$checkboxes.on('click', update);
function update() {
    $wrapper.html($img);
    var checkbox = $(this);
    var value = checkbox.val();
    if ($(this).is(':checked')) {
        var viewOnlineValue = 1;
    } else {
        $(this).is(':checked');
        var viewOnlineValue = 0;
    }
    $.ajax({
        /*ajax stuff*/

    });
    lockLastCheckbox();        
}

我现在正在处理一个函数，但它似乎没有从update() 函数中注册$(this).is(':checked'); 的更改，因此没有从变量sumChecked 中添加或删除任何内容

function lockLastCheckbox() {
    var sumChecked = $eyeCheckedBoxes.length;
    console.log(sumChecked);
}

Answer 1

在其他部分使用prop() 到check 你的checkbox，

var viewOnlineValue;
if ($(this).is(':checked')) {
    viewOnlineValue = 1;
} else {
    $(this).prop('checked',true);
    viewOnlineValue = 0;
}

另类，

....
else {
    this.checked=true;
    viewOnlineValue = 0;
}

Answer 2

你应该使用的东西。

$('input:checkbox:last').prop('disabled', true);