javascript - 选中复选框时如何复制输入字段值?
问题描述
我有一个表格,其中有一个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);
}
}
解决方案
为了展示如何实现你的目标,我根据你的分叉了一个演示,请检查它。 https://stackblitz.com/edit/angular-gcp6ng
推荐阅读
- excel - VBA左函数?
- python - Python - 将字典键中的每个项目写入新行
- flutter - 颤振医生致命,未知修订或路径不在工作树错误中
- android-sdk-tools - UI automator 文件未包含在所有 SDK 工具的最新 AndroidStuio 或 ZIP 文件中
- vb.net - VB.Net DataGridView手动用户输入数据保存到XML给出错误:对象引用未设置为对象的实例
- c - 明确告诉 GCC 9.2 取消切换循环以允许自动矢量化
- java - 我如何使用 Java Stream 来减少这种类结构?
- hibernate - JPA实体中具有复合主键的表的基于条件的序列生成
- wpf - 如何在我的文本框 WPF 中获取短日期格式
- algorithm - 用于位置比较的 alpha beta 剪枝算法