I would like to uncheck all the checkboxes apart from the option "Anywhere in the world" if I choose the option "Anywhere in the world" using Angular. I have looked at a lot of ways to do so but none of it fits my solution. What would be the easiest way to do so?
<div class="form-row">
<div class="col-md-12 mb-3">
<label for="targetMarket" style="font-size: 17px">
What is/are your current/proposed target market(s)?
</label>
<div class="form-check">
<label class="checkbox-inline">
<input type="checkbox" class="checkbox" name="southAsia" value="1" #southAsiaChk
(change)="onCheckArray($event, Form.value.targetMarket)">
South Asia
</label>
</div>
<div class="form-check">
<label class="checkbox-inline">
<input type="checkbox" class="checkbox" name="northAsia" value="2" #northAsiaChk
(change)="onCheckArray($event, Form.value.targetMarket)">
North Asia
</label>
</div>
<div class="form-check">
<label class="checkbox-inline">
<input type="checkbox" class="checkbox" name="oceania" value="3" #oceaniaChk
(change)="onCheckArray($event, Form.value.targetMarket)">
Australia/New Zealand
</label>
</div>
<div class="form-check">
<label class="checkbox-inline">
<input type="checkbox" id="anywhere" class="checkbox" name="anywhere" value="9" #anywhereChk
(change)="onCheckArray($event, Form.value.targetMarket)" (click)="uncheckRegions()">
Anywhere in the world
</label>
</div>
</div>
</div>
Aucun commentaire:
Enregistrer un commentaire