Questions tagged checkbox

Explore the latest questions and answers asked by our top developers.

How to add indeterminate state to the parent of the selected nodes?

So, I was working on custom tree checkbox structure in angularjs. The tree could have many depths. What I’m trying to achieve is that, if any child node is selected even if just one then the parent node should be set as indeterminate state. I have created the plunkr here treeController.js (function (ng) { var […]

By Jyoti
Published
Categorized as angular-ui-tree, angularjs, checkbox Tagged , ,

How to check all parent node if any of the children is selected using recurrsion?

So, I was working on custom tree checkbox structure in angularjs. The tree could have many depths. What I’m trying to achieve is that, if any child node is selected even if just one then the parent node should be set as indeterminate class. I have created the plunkr here treeController.js (function (ng) { var […]

By Jyoti
Published
Categorized as angular-ui-tree, angularjs, checkbox, recursion Tagged , , ,

nested checkbox inside 2 formarray – angular material

I am trying to do a nested checkbox with angular material, I use one formarray inside other, the first list (days) of checkboxes works fine (I think so) , but with the second list (turns) I have troubles, this check all checkboxes a the same time instead one, I tried to use formControlName with ngModel […]

How to read if a checkbox is checked in typescript?

This must be something basic which I can’t figure out how to do it. I want to display in console if a check box is checked. My html and typescript code are: <div class="my-form-field" style="display: block;margin-bottom: 10px;"> <mat-checkbox id="is3dCheckBox" (ngModel)="handleInputChange()">Split tag in bits</mat-checkbox> </div> And .ts file has the function handleInputChange() handleInputChange() { var element […]

How to get row index in material table Angular

How to get row index in material table angular <td mat-cell *matCellDef="let row"> <mat-checkbox (click)="$event.stopPropagation()" (change)="$event ? selection.toggle(row) : null;isSomeSelected()" [checked]="selection.isSelected(row)"> </mat-checkbox></td> Source: Angular Questions

By priya
Published
Categorized as angular, checkbox, javascript, material-table Tagged , , ,

Angular: store multiple checkbox values with related textarea value

I have a form having mutiple checkbox and related textarea fields. On submit I need to store comment of related checkbox checked. I am using same form to get details, add, update details. HTML <table class="bordered border-top-0 table dark shadow_none w-100 mb-3 "> <thead> <tr> <th colspan="3" width="150"> <div class="pretty_wrapper"> <div class="pretty p-default"> <input type="checkbox" […]

By ganesh
Published
Categorized as angular, checkbox, selectall Tagged , ,

I can’t select only 1 item due to condition Angular

I have the following condition: the data of 2 columns must be compared in 2 rows. If there are more than 2 rows there is no problem because the condition lets me pass it, but if I only select 1 row I get an error. I appreciate if you help me improve my condition! TS […]

Execute the function when the checkbox status is true with Angular Material checkbox

I need to execute a function to load the geojson data when the checkbox is true and unload it when the checkbox is false. I have following the Angular Material example but I have no idea how to modify it ? Here is the HTML code: Here is the typescript code: Source: Angular Material Quesions

Update the Page values in data table without reloading the entire page?

I want to update the specific page data in the data table. For example, I have a table with 100 data. So I have used the pagination. And now I want to update the 3rd-page data in the table without reloading the entire page and want to be on the same page( 3rd) Thanks in […]

Angular Material Checkbox disabled on condition

In my Angular application I have a dynamically generated reactive form with multiple FormArrays. On of these FormArrays contains 6 checkboxes. I only want a user to be able to check 3 boxes, so I have a count for the amount of selected checkboxes. When the count is over 3 a boolean is set to […]

1 21

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq