ExtJs checkboxgroup选择事件

最新推荐文章于 2026-05-01 10:52:47 发布

原创最新推荐文章于 2026-05-01 10:52:47 发布 · 2.8k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

ExtJs

本博客探讨了在用户界面中通过复选框组实现队伍选择，并展示了如何利用JavaScript进行用户交互与数据处理，重点介绍了数据收集、转换及信息展示的方法。

        {
            xtype: 'checkboxgroup',
            layout: 'hbox',
            fieldLabel: '队伍',
            labelWidth:70,
            labelAlign:'right',
            id:'v_procession',
            items: [
                { boxLabel: '五队',margin:'0 10 0 0', name: 'v_procession', inputValue: '0', checked: true,
                    listeners : {
                        change:function(el,checked){
                            if(checked){
                                alert('Value：'+el.inputValue+"          BoxLabel："+el.boxLabel);
                            }
                        }
                    }
                },
                { boxLabel: '三队', margin:'0 10 0 0', name: 'v_procession', inputValue: '1',
                    listeners : {
                        change:function(el,checked){
                            if(checked){
                                alert('Value：'+el.inputValue+"          BoxLabel："+el.boxLabel);
                                var hobbyValue = Ext.getCmp('v_procession').getChecked();
                                var hobby='';
                                Ext.Array.each(hobbyValue, function(item){
                                    hobby += '+' + item.boxLabel;
                                });
                                Ext.MessageBox.alert('提示', hobby);
                            }
                        }
                    }
                },
            ],


        },