jQWidgets jqxButtonGroup getSelection() 方法介绍

在 jQWidgets 中，jqxButtonGroup 是一个按钮组件，它可以作为一组类似单选框或复选框的控件。它可以通过 getSelection() 方法来获取已选中的按钮组件。本文将详细介绍该方法。

方法语法

getSelection(): string | Array<string> | null

方法说明

该方法无需传递任何参数，可以直接调用。它返回一个字符串、字符串数组或 null，用于表示已选中的按钮组件的值。

• 如果按钮组件支持单选，则返回一个字符串，表示选中的按钮的值。
• 如果按钮组件支持多选，则返回一个字符串数组，包含所有选中的按钮的值。如果没有选中的按钮，则返回一个空数组。
• 如果按钮组件没有任何选项，则返回 null。

示例代码

// 获取单选按钮组件的选中值
let value = $('#myButtonGroup').jqxButtonGroup('getSelection');
console.log(value); // 返回一个字符串，表示选中的按钮的值

// 获取多选按钮组件的选中值
let values = $('#myButtonGroup').jqxButtonGroup('getSelection');
console.log(values); // 返回一个字符串数组，包含所有选中的按钮的值

// 获取空选项按钮组件的选中值
let empty = $('#myButtonGroup').jqxButtonGroup('getSelection');
console.log(empty); // 返回 null

注意事项

• 该方法只能用于已初始化的按钮组件，如果按钮组件尚未初始化，则需要先初始化后再调用该方法。
• 该方法对于只有一个选项的按钮组件不起作用，因为唯一的选项默认处于选中状态，且不能取消选中状态。