Category : checkbox

I have a list of checkboxes as shown below: <div class="col-md-4 md-padding-s" *ngFor="let node of nodeList; let j=index;"> <md-checkbox-group> <md-checkbox class="md-h6 row md-padding–xs" name="{{node.FQDN}}" label="{{node.FQDN}}" value="{{node.FQDN}}" required="true" htmlId="filter_label_{{a}}_{{j}}" (ngModelChange)="updateSelection(node)" [formControlName]="servers" [(ngModel)]="node.selected"> </md-checkbox> </md-checkbox-group> </div> My updateSelection function is .ts file is: updateSelection(node) { console.log(‘node’, node) node.selected = node.selected ? false : true; if(node.selected) { this.serverList.push(node.FQDN); ..

Read more

I have a component with 2 tables: 1)favouriteProjects 2)projects Link to picture The project will be send from my .html to my ts file and will be added to an favArray. If I click on the star next time, the project will be removed from the favourite table. How can I save the checked stars ..

Read more

I have a list of checkboxes as shown below: <div class="col-md-4 md-padding" *ngFor="let node of nodeList; let j=index;"> <md-checkbox-group> <md-checkbox class="md-h6 row md-padding–xs" name="{{node.FQDN}}" label="{{node.FQDN}}" value="{{node.FQDN}}" required="true" htmlId="filter_label_{{j}}" (click)="updatefilter(node.FQDN)" [formControlName]="servers" [(ngModel)]="node.selected"> </md-checkbox> </md-checkbox-group> </div> I have to check if the checbox is checked or unchecked. How do I proceed? Source: Angular..

Read more

I have a requirement in my project. I have a set of questions which has text, radio, check boxes as options to select and answer on Submit form. I am using below code in my template for checkbox: <form #form="ngForm" (ngSubmit)="submit(form)"> … <div *ngFor="let option of question.options"> <input type="checkbox" [(ngModel)]="option.Checked" [name]="question.id" value="{{option.name}}" (change)="change($event,option.name)">{{option.name}} </div> … ..

Read more

I have 3 checkboxes like below What if I want to have checkboxes behave like the following Checking Complete will only check Complete Checking Partially Complete will also check Complete Checking Unusable will also check Partially Complete and Complete and Unchecking Complete will also uncheck Partially Complete and Unusable Unchecking Partially Complete will also uncheck ..

Read more

I have a use case where , I need to disable 2 check boxes from list of check boxes depending on the radio button value chose. From the way I have implemented at the moment all the check boxes are being disabled. <mat-radio-group (change)="filterDashBoardActivated($event)"> <mat-radio-button [value] ="0"><b>Dash Board Filter</b> </mat-radio-button> <mat-radio-button [value] ="1"><b>Download Excel Sheet</b></mat-radio-button> ..

Read more

hay alguna forma de desactivar los demás checkbox que no están seleccionados excepto el que seleccione ? Tengo este código en mi HTML: <td mat-cell *matCellDef="let datos;let i = index"> <mat-checkbox [(ngModel)]="datos.producto" [checked]="select === i" (change)="select = i;"> </mat-checkbox> </td> Este fragmento de código , proviene de un mat-table , donde select = -1 , ..

Read more