fa9e4066f08beec538e775443c5be79dd423fcabahrensYUI().use('button-group', function(Y){

fa9e4066f08beec538e775443c5be79dd423fcabahrens

fa9e4066f08beec538e775443c5be79dd423fcabahrens // A group of checkbox-like buttons

fa9e4066f08beec538e775443c5be79dd423fcabahrens var buttonGroupCB = new Y.ButtonGroup({

f65e61c04bc28ffd6bda04619c84330b420450b5ahrens srcNode: '#checkboxContainer',

f65e61c04bc28ffd6bda04619c84330b420450b5ahrens type: 'checkbox',

fa9e4066f08beec538e775443c5be79dd423fcabahrens on: {

fa9e4066f08beec538e775443c5be79dd423fcabahrens 'selectionChange': function(e){

fa9e4066f08beec538e775443c5be79dd423fcabahrens var selection = buttonGroupCB.getSelectedButtons();

fa9e4066f08beec538e775443c5be79dd423fcabahrens Y.log('buttonGroup2 selected count = ' + selection.length);

fa9e4066f08beec538e775443c5be79dd423fcabahrens }

fa9e4066f08beec538e775443c5be79dd423fcabahrens }

fa9e4066f08beec538e775443c5be79dd423fcabahrens }).render();

fa9e4066f08beec538e775443c5be79dd423fcabahrens

fa9e4066f08beec538e775443c5be79dd423fcabahrens

fa9e4066f08beec538e775443c5be79dd423fcabahrens // A group of radio-like buttons

fa9e4066f08beec538e775443c5be79dd423fcabahrens var buttonGroupRadio = new Y.ButtonGroup({

fa9e4066f08beec538e775443c5be79dd423fcabahrens srcNode: '#radioContainer',

fa9e4066f08beec538e775443c5be79dd423fcabahrens type: 'radio'

fa9e4066f08beec538e775443c5be79dd423fcabahrens })

fa9e4066f08beec538e775443c5be79dd423fcabahrens

f65e61c04bc28ffd6bda04619c84330b420450b5ahrens buttonGroupRadio.render();

fa9e4066f08beec538e775443c5be79dd423fcabahrens

fa9e4066f08beec538e775443c5be79dd423fcabahrens buttonGroupRadio.on('selectionChange', function(e){

fa9e4066f08beec538e775443c5be79dd423fcabahrens Y.log('buttonGroup selection changed');

fa9e4066f08beec538e775443c5be79dd423fcabahrens });

fa9e4066f08beec538e775443c5be79dd423fcabahrens

fa9e4066f08beec538e775443c5be79dd423fcabahrens});