Tengo dos casillas de verificación que funcionan como botones de opción. Quiero establecer el valor como 1 para la primera casilla de verificación cuando está marcada o 0 cuando no está seleccionada. Del mismo modo, quiero establecer el valor en 2 por segundo ...

0
vishnu 4 mar. 2021 a las 10:59

2 respuestas

La mejor respuesta

Creo que tengo una solución para ti. Para lograr lo que desea, puede utilizar ngModel y ngModelChange. Aquí está mi código de muestra y el enlace de stackblitz que se muestra a continuación =>
HTML:

CH One:<input text="" type="checkbox" id="mrsa_All" (ngModelChange)="selectMRSABox($event,'mrsa_All')" [(ngModel)]="this.specimenTypeOrganismStatus.mrsa_AllSpecimens">
{{this.specimenTypeOrganismStatus.mrsa_AllSpecimensNumber}}
<br>
CH Two:<input type="checkbox" id="mrsa_Blood" (ngModelChange)="selectMRSABox($event,'mrsa_Blood')" [(ngModel)]="this.specimenTypeOrganismStatus.mrsa_BloodOnly"> 
{{this.specimenTypeOrganismStatus.mrsa_BloodOnlyNumber}}
  

TS:

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.scss' ]
})
export class AppComponent  {
specimenTypeOrganismStatus: SpecimenTypeOrganismStatus;
  theCheckbox:any;
  constructor() {
  this.specimenTypeOrganismStatus=new SpecimenTypeOrganismStatus();
  }
 
  selectMRSABox($event,name){
        if (name === 'mrsa_All') {
            //this.specimenTypeOrganismStatus.mrsa_AllSpecimens = true;
            this.specimenTypeOrganismStatus.mrsa_AllSpecimensNumber=1;
             this.specimenTypeOrganismStatus.mrsa_BloodOnlyNumber=0;
            this.specimenTypeOrganismStatus.mrsa_BloodOnly = false;
        } else if(name === 'mrsa_Blood'){
            //this.specimenTypeOrganismStatus.mrsa_BloodOnly = true;
            this.specimenTypeOrganismStatus.mrsa_AllSpecimensNumber=0;
            this.specimenTypeOrganismStatus.mrsa_BloodOnlyNumber=1;
            this.specimenTypeOrganismStatus.mrsa_AllSpecimens = false;
        }
  }
}
export class SpecimenTypeOrganismStatus{
  mrsa_AllSpecimens: boolean ;
  mrsa_AllSpecimensNumber: number ;
  mrsa_BloodOnly: boolean ;
  mrsa_BloodOnlyNumber: number ;
}

NOTA: compruebe el enlace => MUESTRA DE MUESTRA DE STACKBLITZ

1
SJNF 4 mar. 2021 a las 10:15

Solo agregue esto en su tipo de entrada

(cambio) = "estado = $ event.target.checked? 1: 0"

0
Cognisun Inc 4 mar. 2021 a las 08:04