jQWidgets jqxDropDownList checkItem() 方法

简介

jQWidgets jqxDropDownList checkItem() 方法可以用来选中下拉列表中的一个或多个选项。

语法

$(selector).jqxDropDownList('checkItem', index);
$(selector).jqxDropDownList('uncheckItem', index);

其中，selector为选取下拉列表的jQuery选择器，index为选项的索引。

返回值

该方法没有返回值。

示例

$(document).ready(function () {
    var cars = ["Audi", "BMW", "Chevrolet", "Ferrari", "Ford", "Honda", "Mercedes", "Toyota", "Volvo"];
    $("#jqxdropdownlist").jqxDropDownList({
        source: cars,
        checkboxes: true,
        width: '200px',
        height: '25px'
    });

    $("#checkButton").click(function () {
        $('#jqxdropdownlist').jqxDropDownList('checkItem', 2);
        $('#jqxdropdownlist').jqxDropDownList('checkItem', 4);
        $('#jqxdropdownlist').jqxDropDownList('checkItem', 7);
    });

    $("#uncheckButton").click(function () {
        $('#jqxdropdownlist').jqxDropDownList('uncheckItem', 2);
        $('#jqxdropdownlist').jqxDropDownList('uncheckItem', 4);
        $('#jqxdropdownlist').jqxDropDownList('uncheckItem', 7);
    });
});

在这个例子中，我们创建了一个包含多个选项的下拉列表，启用了多选复选框。点击“选中”按钮后，将选中下拉列表中的第3、5、8个选项。再点击“取消选中”按钮后，将取消选中这些选项。

注意事项

• 该方法仅适用于启用了checkboxes属性的下拉列表。
• 索引从0开始。如果要选中第2个选项，则需要使用index: 1。
• 在多选模式下，使用该方法不会清除其他已选中的选项。如果需要清除其他选项，请使用uncheckAll()方法。