0

Necesito que al dar clic en el texto active el checkbox o lo desactive es decir que el texto actúe como el mismo checkbox de qué manera lo puedo hacer este proyecto está en Angular 8 y ng 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>
7
  • Esto es con angular-material ? Commented el 2 oct. 2019 a las 22:10
  • 1
    Si agregas <div class="form-check"> <input type="checkbox" id="cbox2" value="second_checkbox"> <label for="cbox2">Este es mi segundo checkbox</label> </div> y lo pruebas te darás cuenta que los input type="checkbox" tienen el funcionamiento que buscas Commented el 2 oct. 2019 a las 22:14
  • amigo es con ng prime
    – Hackerman
    Commented el 2 oct. 2019 a las 22:14
  • Amigo para lograr esto mismo que me acabas de pasar pero con este control de ng prime
    – Hackerman
    Commented el 2 oct. 2019 a las 22:23
  • 1
    Revisa esta url (primefaces.org/primeng/#/checkbox) tienen el funcionamiento que buscas Commented el 2 oct. 2019 a las 22:24

1 respuesta 1

1

Prueba agregando los atributos al control de esta forma.

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

En label=" agregas el label que necesitas así label="Planta de Beneficio", tu control quedaria asi:

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

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.