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 ...
2 respuestas
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
Solo agregue esto en su tipo de entrada
(cambio) = "estado = $ event.target.checked? 1: 0"
Preguntas relacionadas
Nuevas preguntas
html
HTML (HyperText Markup Language) es el lenguaje de marcado para crear páginas web y otra información que se mostrará en un navegador web. Las preguntas sobre HTML deben incluir un ejemplo mínimo reproducible y una idea de lo que está tratando de lograr. Esta etiqueta rara vez se usa sola y, a menudo, se combina con [CSS] y [javascript].