15 different Angular 2 / Bootstrap switch styles

Angular switches

The jw-bootstrap-switch-ng2 directive The jw-bootstrap-switch-ng2 is a solution for creating the Bootstrap switches by Angular 2. A switch is a checkbox turned into the On/Off, Yes/No etc. buttons. The directive for the Bootstrap switch is based on JavaScript and does not use jQuery. Demo Developer page Download plug-in How to install and use the Angular … Read more

jQuery checkbox and radio with checked and unchecked labels

jquery checkbox

Creating labels of checkboxes by jQuery In other tutorials related to checkboxes, I showed how you may create simple HTML checkboxes along with Bootstrap’s based classes here. In this tutorial, a jQuery based plug-in is used for creating the labels of checkboxes. That means, the text of the label is clickable unlike the normal checkboxes … Read more

jQuery Treeview with Checkboxes

jQuery treeview

The jQuery Treeview plug-in The treeview plug-in is used to create a tree of data that can be presented to the users along with checkboxes. The plug-in name is Treeview which you may download from the Github website here. See the following section for live examples of using the treeview jQuery plug-in. The example will … Read more

How to Create and Style HTML Checkbox with pure CSS and a plug-in

HTML checkbox bootstrap

The checkbox tag In HTML, you can create a checkbox by using the <input> tag and specify the type = checkbox, as shown in the syntax below: <input type=”checkbox” name=”checkboxName” value=”Value_of_checkbox”> In this tutorial, I will show you how you can create checkboxes in HTML forms. I will also explain how you may style checkboxes … Read more

Bootstrap 3 Checkbox

Bootstrap checkbox multiple

Checkbox in Bootstrap framework The Bootstrap framework has built-in classes to use checkboxes in the forms of your web pages. By using those classes, the checkbox will take the default style as well. You may include Bootstrap checkbox in a form independently, just like ordinary HTML forms, and also include this in textboxes to add … Read more