# Category: checkbox

## How to make a function call with ng-checked : Angularjs

I need to display data when i checked on a checkbox(for example when i clicked on multiple checkbox i should get the data regarding all checkbox value)for this i have tried ng-checked and call the functions inside this directive but when i have write this in my code a very ridiculous thing happened with me,my system is getting hanged.so i have wrote ng-change for showing my code. <div class=”checkbox checkbox-warning”> <input type=”checkbox” ng-model= “fields” value=”{{f.id}}” […]

## How to give default or initial selection for md-checkbox where its data comes from JSON

I have a list of <md-checkbox> where it is repeated using JSON array. I want to give an initial selection for 2 checkboxes. Please help me on this. My js code: $scope.elecselected = [];$scope.toggle = function (elecitem, eleclist) { var idx = eleclist.indexOf(elecitem); if (idx > -1) { eleclist.splice(idx, 1); } else { eleclist.push(elecitem); } console.log(“item:”+elecitem+ ” List:”+ eleclist); }; $scope.exists = function (elecitem, eleclist) { return eleclist.indexOf(elecitem) > -1; };$scope.electrical = [{“ID”:”161″,”Value”:”ABC”,”Name”:”AAAA […]

## AngularJs – Select checkboxes by binding list of selected objects to list of all objects

I have searched for a solution to my problem but have not been able to find the right answer. I have a list of all questions and a list of selected questions. I need to build a list of checkboxes from the list of all questions and check the ones that are in the list of selected questions. When changes are made to the checkboxes, I need the list of selected questions to be updated […]

## get checkbox state when onChange is triggered

I’m playing in angular and bootstrap. The question is very trivial. I have input element in my html <label><input (change)=”callFilt()” type=”checkbox” value=””>{{item.name}}</label> I want to get state of checkbox in my callFilt method.I see that it’s possible via ng-model,but I dont want to use any other directives here,is there way to send state of the checkbox? Neither I want to set id of checkbox and get state via ID in my js code. Source: AngularJS

## How can we achieve product filter page using angularjs with multi selection of checkboxes?

I have created a tabular page in which i need to filter the table with filters using a left side facets boxes of different category but with multi-selection options and i need to use Angularjs for this requirement. The UI(HTML) is done but i am facing the trouble in the maintaining the checking and un-checking of the checkboxes which are not clearing off. Any helping library can help to achieve the same or we need […]

## Angular-4 :Using checkboxes for multi select

Using Angular 4–How can I remove an item from an array when a checkbox is unchecked? Can someone please show the component function that does so would look like??? Thanks a lot. My codes are as follows : **app.component.html:** <div> <h2>SAMPLE</h2> <input [(ngModel)] = “newItem” type=”text” placeholder=”Add Item”> <button (click)=”addItem()”>ADD</button> <ul *ngFor=”let i of Items ; let ind=index” > <li><input type=”checkbox” [checked]=”stat” (click)=”flagged(ind)” >{{i}}</li> </ul> <ul *ngFor=”let f of flaggedItems”><li> <h3>Flagged array : {{f}}</h3> </li></ul> […]

## How to set checked property of checkboxes based on value from database using angular js

I have a group of checkboxes which are populated dynamically from database using AngularJs. Now, on edit I want to check the checkboxes whose value is stored in database. Below is the sample code: <div class=”row” > <div class=”col-sm-2″> <label>Select Metal :</label><label style=”color:red”>*&nbsp;</label> </div> <div class=”col-sm-8″> <div ng-repeat=”names in MetalTypes” class=”checkbox-inline” id=”MetalDiv” style=”font-size: larger; margin-left: 20px !important; margin-top: -10px !important;”> <div style=”margin:10px 10px 10px; margin-left:-16px;”> <input type=”checkbox” value=”{{names.Id}}” ng-model=”names.SELECTED” ng-checked=”object[names.Id]” ng-true-value=”‘Y'” ng-false-value=”‘N'” style=”margin-top:2px;” ng-change=”getSelectedMetal()” />{{names.Name}} […]

## Checkbox in dropdown menu is not checked from previously selected value in AngularJS

I am new to AngularJS. I am trying to get the checkbox to appear as checked from previously selected value. I thought ng-class would do the trick but it’s not. Did I do anything wrong in the code below? Here is my HTML code: <ul class=”dropdown-menu menu-content” uib-dropdown-menu> <li ng-repeat=”value in values” > <label><input type=”checkbox” ng-class=”{‘checked’ : value.selected, ‘active’ : value.selected}” ng-click=”\$ctrl.toggleValue(value)”>{{value.valueName}}</label></li> </ul> Source: AngularJS