在 Ext JS 中,要访问所选单选按钮的值,您需要使用 RadioGroup 组件。以下是一个简单的示例,说明如何创建一个 RadioGroup 并访问所选单选按钮的值:
{
xtype: 'radiogroup',
fieldLabel: '选择一个选项',
items: [
{ boxLabel: '选项 1', name: 'rb', inputValue: '1' },
{ boxLabel: '选项 2', name: 'rb', inputValue: '2' },
{ boxLabel: '选项 3', name: 'rb', inputValue: '3' }
]
}
getValue()
方法。例如,您可以在按钮单击事件处理程序中使用以下代码:onButtonClick: function() {
var radioGroup = Ext.ComponentQuery.query('radiogroup')[0];
var selectedValue = radioGroup.getValue();
console.log('所选单选按钮的值为:' + selectedValue);
}
在这个示例中,我们首先使用 Ext.ComponentQuery.query()
方法查找 RadioGroup 组件。然后,我们调用 getValue()
方法来获取所选单选按钮的值。最后,我们将所选值打印到控制台。
请注意,这个示例中的代码仅适用于 Ext JS 框架。如果您使用的是其他前端框架,例如 React、Angular 或 Vue,您需要使用相应的方法来访问所选单选按钮的值。
领取专属 10元无门槛券
手把手带您无忧上云