jQWidgets jqxComboBox checkAll() 方法

checkAll() 方法是 jQWidgets jqxComboBox 组件提供的一种复选框多选框选择方式，可用于选中下拉列表中的所有选项，并将所有选项显示在输入框中。

语法

$("#jqxComboBox").jqxComboBox('checkAll');

参数

无参数。

返回值

无返回值。

描述

checkAll() 方法通过遍历下拉列表中的所有选项进行勾选，将所有选项的值保存到组件的初始化数组中，并将所有选项的文本内容显示在输入框中。

在使用该方法前需要先设置 combox 的 checkBoxes 属性为 true，以显示下拉列表中数据前的复选框。

示例

<div id="jqxComboBox"></div>

<script>
    $("#jqxComboBox").jqxComboBox({
        source: ["苹果", "香蕉", "橘子"],
        width: "200px",
        height: "25px",
        autoComplete: true,
        placeHolder: "请选择"
        checkBoxes: true
    });

    $("#btnCheckAll").on("click", function () {
        $("#jqxComboBox").jqxComboBox("checkAll");
    });
</script>

在上面的示例中，我们新建了一个 jQWidgets jqxComboBox 组件，并设置了其 checkBoxes 属性为 true，使得下拉列表中的数据前均显示有复选框。然后在点击某一按钮 btnCheckAll 中，通过调用 checkAll() 方法选中了下拉列表中的所有选项。