multiselect dropdown with checkbox in html5 selection upto 3 code example
Example: multiselect dropdown with checkbox typescript
onChange(index_val) {
this.zoneModel = []
if (index_val == 0 && this.zonesList[0].checked == true) {
for (let i = 1; i < this.zonesList.length; i++) {
this.zoneModel.push(this.zonesList[i].houzeyZoneName)
this.zonesList[i].checked = true;
this.zoneFlag = true;
}
} else if (index_val == 0 && this.zonesList[0].checked == false) {
for (let i = 1; i < this.zonesList.length; i++) {
this.zonesList[i].checked = false;
this.zoneFlag = false;//testing
}
} else if (index_val > 0) {
for (let i = 1; i < this.zonesList.length; i++) {
if (this.zonesList[i].checked == true) {
this.zonesList[i].checked = true;
this.zoneFlag = true;
this.zoneModel.push(this.zonesList[i].houzeyZoneName)
if (this.zoneModel.length == this.zonesList.length - 1) {
this.zonesList[0].checked = true;
}
} else {
//this.zoneFlag = false;//testing
this.zonesList[i].checked = false;
if (this.zonesList[0].checked == true) {
this.zonesList[0].checked = false;
}
}
}
}
}