extjs 复选项高亮显示

在ExtJS框架中，复选项（Checkbox或RadioGroup）的高亮显示通常是为了突出选中的状态或者提供视觉反馈。你可以通过设置`checked`属性来指定默认选中项，然后使用样式控制选中项的外观。以下是基本步骤：

1. **创建复选项组**:

   var checkboxGroup = Ext.create('Ext.form.FieldSet', {
       title: '选择',
       defaults: { xtype: 'checkboxfield' },
       items: [
           { text: 'Option 1', value: true },
           { text: 'Option 2', value: false },
           // 更多选项...
       ]
   });

2. **设置选中项**:
初始化时可以设置某个选项为`true`使其高亮：

   checkboxGroup.items.getAt(0).setValue(true); // 如果你想让第一个选项默认选中

3. **应用样式**:
使用CSS针对选中项添加背景颜色、边框等样式。例如：

   .x-form-item-checked input[type="checkbox"] {
       background-color: #ccc;
       border-color: #666;
   }

4. **响应用户交互**:
可以通过监听`change`事件来更新样式：

   checkboxGroup.on('change', function(field) {
       field.up('.x-fieldset').items.each(function(item) {
           item.toggleCls('highlighted', item === field);
       });
   });

这里`highlighted`是一个自定义样式，用于高亮选中的项。