jQWidgets jqxDropDownList checkChange 事件

简介

jqxDropDownList 是一个功能强大的下拉列表控件，checkChange 事件是其一个重要事件。当下拉列表中的选项的选中状态发生改变时，这个事件会被触发。

语法

$(selector).on('checkChange', function (event) {
    // 事件处理逻辑
});

参数

• event：事件对象，包含触发事件的相关信息。

示例

$(document).ready(function () {
    // 创建一个 jqxDropDownList
    $("#dropdownlist").jqxDropDownList({
        width: '200px',
        source: ['选项1', '选项2', '选项3'],
        checkboxes: true
    });

    // 监听 checkChange 事件
    $("#dropdownlist").on('checkChange', function (event) {
        var args = event.args;  // 获取事件参数

        // 打印选项的值和选中状态
        console.log('选项：' + args.item.label);
        console.log('是否选中：' + args.checked);
    });
});

说明

• checkChange 事件只有在设置 checkboxes 选项为 true 时才会被触发。
• 事件处理函数的第一个参数 event 包含了触发事件的相关信息。
• 在事件处理函数中，可以通过 event.args 来获取事件参数，其中 args.item 表示选项的相关信息，args.checked 表示该选项的选中状态。

参考链接

• jqxDropDownList 官方文档