Search within TutorialsPark

Twitter Bootstrap Buttons JavaScript


Use this plugin to create buttons with interactivity.


Twitter Bootstrap: Single Toggle Buttons

1. When a user clicks on a button with attribute data-toggle="button" , the class of .active is added to it, hence the button can be toggled

Example: Twitter Bootstrap Single toggle buttons

Give it a TRY! »

Twitter Bootstrap: Single Toogle Checkbox

1. A checkbox allows user to select multiple options.

2. To use this function, use attribute data-toggle="buttons-checkbox" within class .btn-group.

Example:Twitter Bootstrap checkbox single toggle

Give it a TRY! »

Twitter Bootstrap: Single toggle Radio buttons

1. A radio button allows users to select only one option.

2. To create radio buttons use attribute data-toggle="buttons-radio" within the class .btn-group.

Example:Twitter Bootstrap Radiobuttons single toggle.

Give it a TRY! »

Twitter Bootstrap: Single Button Toggle using Javascript method $().button('toggle')


1.The .button method can be applied using Javascript to any ID or class.

2. To enable button use javascript $(selector).button() method.

3. The method $().button('toggle') toggles push state.It makes the button appear like it has been activated.

Example:Twitter Bootstrap Button Javascript Method $().button('toggle')

Give it a TRY! »

Twitter Bootstrap: Single Button Toggle using Javascript method $().button('loading')


1. The javascript method $().button('loading') sets the button to loading state i.e it disables the button and swaps the button text to loading text.

2. The loading text is specified using the datas attribute data-loading-text.

Example:Twitter Bootstrap Button Javascript method $().button('loading')

Give it a TRY! »

Twitter Bootstrap: Single Button Toggle using Javascript method $().button('reset')


1.The Javascript method $().button('reset') resets the button state and then swaps back to the original text .

Example:Twitter Bootstrap Button Javascript Method $().button('reset')

Give it a TRY! »

Twitter Bootstrap: Single Button Toggle using Javascript method $().button('string')


1.The javascript method $().button(string) resets the button state and then swaps the text with the string specified by the user .

1. The srting is specified using the data attribute data-complete-text .

Example:Twitter Bootstrap Button Javascript $().button(string) method

Give it a TRY! »