Html 如何指定复选框的值
我希望当用户选中复选框时,值是“l.code”,而不是布尔值 这是我的密码Html 如何指定复选框的值,html,angular,checkbox,return-value,angular-ngmodel,Html,Angular,Checkbox,Return Value,Angular Ngmodel,我希望当用户选中复选框时,值是“l.code”,而不是布尔值 这是我的密码 <div class="form-group"> <label>Critères : </label> <div class="checkbox-inline" *ngFor="let l of lesCriteres; let i= index"> <label> <input type="
<div class="form-group">
<label>Critères : </label>
<div class="checkbox-inline" *ngFor="let l of lesCriteres; let i= index">
<label>
<input type="checkbox" [value]="l.code" [(ngModel)]="actif.lesCriteresActifs[i].critere.code">{{l.code}}
</label>
</div>
</div>
准则:
{{l.code}}
但它不起作用!当我检查时,它会给我“true”而不是“l.code”。谢谢 您可以在复选框上使用带有事件绑定的“更改”事件处理程序
在html中
您可以将“更改”事件处理程序与复选框上的事件绑定一起使用
在html中
您可以执行以下操作: HTML:
您可以执行以下操作: HTML:
为什么要对此使用复选框?假设复选框用于布尔值。因为我想让用户能够选择一个或多个选项。使用单选按钮,他只能选择一个选项您是否尝试使用
value=“l.code”
而不是[value]=“l.code”
?是的,没有changes@PowerGirl尝试此代码为什么要使用此复选框?假设复选框用于布尔值。因为我想让用户能够选择一个或多个选项。使用单选按钮,他只能选择一个选项您是否尝试使用value=“l.code”
而不是[value]=“l.code”
?是的,没有changes@PowerGirl试试这个代码
<form>
<div *ngFor="let l of lesCriteres">
<input type="checkbox" value="l.code" (change)="onChangeEvent($event, l.code)"> {{l.code}}<br>
</div>
</form>
onChangeEvent(eventValue, valueOfCheckbox){
alert(valueOfCheckbox);
}
<div *ngFor="let data of emails">
<input type="checkbox" [value]="data.email" (change)="onChange(data.email, $event.target.checked)"> {{data.email}}<br>
</div>
import { Component } from '@angular/core';
import { FormGroup, FormBuilder, FormArray, FormControl } from '@angular/forms';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
name = 'Angular 6';
emailFormArray = [];
emails = [{ email: "email1" }, { email: "email2" }, { email: "email3" }, { email: 'email4' }]
myForm: FormGroup;
constructor(private fb: FormBuilder) { }
ngOnInit() {
this.myForm = this.fb.group({
useremail: this.fb.array([])
});
}
onChange(email: string, isChecked: boolean) {
if (isChecked) {
this.emailFormArray.push(email);
} else {
let index = this.emailFormArray.findIndex(x =>{
console.log(x);
return x == email
});
console.log(index)
this.emailFormArray.splice(index,1);
}
console.log(this.emailFormArray)
}
}