jQWidgets jqxButtonGroup enableAt() 方法介绍

简介

jQWidgets jqxButtonGroup 是一款基于 jQuery 和 jQWidgets 的开源组件，提供了多种按钮样式和特效，适用于网页应用的按钮组件。

enableAt() 方法是 jQWidgets jqxButtonGroup 提供的一个方法，用于启用指定索引位置的按钮。

方法签名

.enableAt(index: Number): void

参数说明

index： 表示需要启用的按钮索引位置，类型为 Number，索引从 0 开始计数。

返回值说明

enableAt() 方法没有返回值。

使用示例

$('#button-group').jqxButtonGroup({ // 初始化按钮组件
  mode: 'radio',
  allowSelection: true,
  disabled: true,
  width: 300,
  buttons: [
    {
      width: 120,
      height: 60,
      imgSrc: 'images/icon1.png',
      imgPosition: 'center',
    },
    {
      width: 120,
      height: 60,
      imgSrc: 'images/icon2.png',
      imgPosition: 'center',
    },
    {
      width: 120,
      height: 60,
      imgSrc: 'images/icon3.png',
      imgPosition: 'center',
    }
  ]
});

$('input[type="button"]').click(function () { // 点击按钮启用指定按钮
  var index = $(this).data('index'); // 获取需要启用的按钮索引
  $('#button-group').jqxButtonGroup('enableAt', index); // 启用指定索引位置的按钮
});

注意事项

• enableAt() 方法需在 jQWidgets jqxButtonGroup 初始化后使用。
• enableAt() 方法仅能启用指定索引位置的按钮，若需启用多个按钮，需连续调用多次该方法。
• enableAt() 方法启用的按钮，并不会影响其他按钮的状态，已选中或未选中的状态仍然保持不变。若需要切换按钮状态，需配合其他方法使用。