以下是一个使用Angular的示例代码,实现了复选框选择其他记录的功能:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
records = [
{ name: 'Record 1', selected: false },
{ name: 'Record 2', selected: false },
{ name: 'Record 3', selected: false },
{ name: 'Record 4', selected: false },
{ name: 'Record 5', selected: false }
];
onRecordSelected(record: any) {
if (record.selected) {
// 如果选择了当前记录,则取消其他记录的选择
this.records.forEach((r: any) => {
if (r !== record) {
r.selected = false;
}
});
}
}
}
在这个示例中,每个记录对象都有一个selected属性,用于表示是否选中。当复选框的状态发生变化时,通过change事件触发onRecordSelected方法。在这个方法中,如果选择了当前记录,则取消其他记录的选择。
上一篇:Angular复选框问题
下一篇:Angular复选框值