首页 > 解决方案 > 选中复选框时如何复制输入字段值?

问题描述

我有一个表格,其中有一个local和一个permanent字段。如果用户选中该复选框,或者如果用户取消选中该复选框,我想将所有本地字段复制到永久字段,我需要清空所有永久字段。

我试过这个: https ://stackblitz.com/edit/angular-ypzjrk?file=src%2Fapp%2Fapp.component.ts

import { Component } from '@angular/core';
import {FormBuilder, FormGroup, Validators} from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
    cf: FormGroup;
    isChecked:boolean;
constructor(private fb: FormBuilder){
  this.isChecked = false;
  this.cf = this.fb.group({
          district: [''],
           city: [''],
          permanentDistrict: [''],
          permanentCity: [''],

  })


}
checkValue(){
    alert(this.isChecked);
  }

}

标签: javascriptangular

解决方案


为了展示如何实现你的目标,我根据你的分叉了一个演示,请检查它。 https://stackblitz.com/edit/angular-gcp6ng


推荐阅读