Ionic JS check box and normal HTML checkbox in the end there is no difference _javascript skills

Ionic check box

The Ionic check box (checkbox) is no different from a normal HTML check box, and the following example demonstrates the application of the Ionic checkbox Ion-checkbox.

<ion-checkbox ng-model= "ischecked" > check box label </ion-checkbox>

Instance

instance, the checked value is modified based on whether the check box is selected, True is checked, and false is unchecked.

HTML Code

 <ion-header-bar class= "bar-positive" > 
 
 

JavaScript Code

Angular.module (' starter ', [' Ionic '])
. Run (function ($ionicPlatform) {
$ionicPlatform. Ready (function () {
//Hide the accessory bar by default (remove the accessory bar above the keyboard
//For form inputs )
if (Window.cordova && window.cordova.plugins.Keyboard) {
Cordova.plugins.Keyboard.hideKeyboardAccessoryBar (true);
if (window. StatusBar) {
statusbar.styledefault ();}})
. Controller (' Actionsheetctl ', [' $scope ', function ($scope) {
$scope. devlist = [
{text: ' HTML5 ', checked:true} ,
{text: "CSS3", Checked:false},
{text: "JavaScript", checked:false}
];
$scope. Pushnotificationchange = function () {
console.log (' Push Notification change ', $ scope.pushNotification.checked);
};
$scope. pushnotification = {Checked:true};
$scope. emailnotification = ' subscribed ';
}])

CSS code:

Body {
Cursor:url (' http://www.runoob.com/try/demo_source/finger.png '), auto;
}

The effect looks like this:

Complete Source: