Home / Questions / 298028
Accepted
Hackerman
Asked: 2020-10-03 14:01:31 +0800 CST 2020-10-03 14:01:31 +0800 CST

Mark a checkbox by clicking on its associated text

  • 772

I need that when clicking on the text activate the checkbox or deactivate it that is to say that the text acts as the same checkbox how can I do it this project is in Angular 8andng prime

<div class="form-check">
  <p-checkbox   name="defaultCheck1" id="defaultCheck1" class="form-check-label" for="defaultCheck1" formControlName="PlantaBeneficio" binary="true" (click)="validarAccesos();"> Planta de Beneficio </p-checkbox>
   <label class="form-check-label" for="defaultCheck1">
     &nbsp; <b>Planta de Beneficio</b>
  </label>
</div>
html

1 Answers

  1. Best Answer

    Try adding the attributes to the control like this.

    <div class="ui-g-12">
  <p-checkbox name="group1" value="New York" label="New York" [(ngModel)]="selectedCities" inputId="ny">
  </p-checkbox>
</div>

    In label="you add the labelone you need like this label="Planta de Beneficio", your control would look like this:

    <div class="ui-g-12">
     <p-checkbox name="group1" value="Planta de Beneficio" label="Planta de Beneficio" inputId="pb">
   </p-checkbox>
</div>
    • 1