Checkbox 选中复选框时启用选择字段
在forloop中,我有复选框和select字段。默认情况下,选择字段被禁用。每当用户选中复选框时,相应的选择字段将被启用 下面是我目前正在使用的代码 home.htmlCheckbox 选中复选框时启用选择字段,checkbox,ionic-framework,ionic2,Checkbox,Ionic Framework,Ionic2,在forloop中,我有复选框和select字段。默认情况下,选择字段被禁用。每当用户选中复选框时,相应的选择字段将被启用 下面是我目前正在使用的代码 home.html 您可以向禁用的参数添加值: disabled="enhancements[item.id].checked" export class HomePage { extras: any; enhancements: any; constructor(public navCtrl: NavController, p
您可以向禁用的参数添加值:
disabled="enhancements[item.id].checked"
export class HomePage {
extras: any;
enhancements: any;
constructor(public navCtrl: NavController, public http: Http) {
this.http.get('https://www.example.com/hotels/11/').map(res => res.json()).subscribe(response => {
this.extras = response.Extras;
this.enhancements = {};
this.extras.forEach(item => {
this.enhancements[item.id] = { checked: false, qty: 1 };
})
});
}
onChange(){
var enhancements = this.enhancements;
Object.keys(enhancements).forEach(function(key){
if( enhancements[key].checked == true && enhancements[key].qty > 0 ){
console.log( key + " | " + enhancements[key].checked );
}
});
}
}
disabled="enhancements[item.id].checked"