微信小程序-Checkbox选中状态改变后,修改绑定数组的选中状态值
2016-11-24 17:11
876 查看
<checkbox-group bindchange="checkboxChange">
<label class="checkbox" wx:for="{{fileList}}">
<checkbox value="{{fileList[index].filePath}}" checked="{{checked}}"/>{{fileList[index].filePath}}
</label>
</checkbox-group>
//Checkbox选中状态改变后,修改绑定数组的选中状态值
checkboxChange: function (e) {
//*******************此变量须根据实际情况修改成自己的变量名称*******************
// fileList为你自己定义的Checkbox绑定数组名称,请统一替换
// checked为你自己定义的标识选中的属性名(如果数组中没有定义该属性名则会自动加上)
//***********************************************************************
var checked = e.detail.value
var changed = {}
for (var i = 0; i < this.data.fileList.length; i++) {
if (checked.indexOf(this.data.fileList[i].filePath) !== -1) {
changed['fileList[' + i + '].checked'] = true
} else {
changed['fileList[' + i + '].checked'] = false
}
}
this.setData(changed)
}
<label class="checkbox" wx:for="{{fileList}}">
<checkbox value="{{fileList[index].filePath}}" checked="{{checked}}"/>{{fileList[index].filePath}}
</label>
</checkbox-group>
//Checkbox选中状态改变后,修改绑定数组的选中状态值
checkboxChange: function (e) {
//*******************此变量须根据实际情况修改成自己的变量名称*******************
// fileList为你自己定义的Checkbox绑定数组名称,请统一替换
// checked为你自己定义的标识选中的属性名(如果数组中没有定义该属性名则会自动加上)
//***********************************************************************
var checked = e.detail.value
var changed = {}
for (var i = 0; i < this.data.fileList.length; i++) {
if (checked.indexOf(this.data.fileList[i].filePath) !== -1) {
changed['fileList[' + i + '].checked'] = true
} else {
changed['fileList[' + i + '].checked'] = false
}
}
this.setData(changed)
}
相关文章推荐
- 微信小程序checkbox选中改变样式
- vue .js绑定checkbox并获取、改变选中状态的实例
- 改变checkbox默认选中状态及取值
- jquery判断checkbox是否选中及改变checkbox状态
- 为 checkbox 添加事件,使选中和非选中时改变其他几个checkbox的可选状态
- jquery判断checkbox是否选中及改变checkbox状态
- 保持 checkbox 选中状态不被修改
- 用JS修改checkbox的选中状态
- 实现当TreeView中父节点的CheckBox的点选状态改变时,回发服务器端,并且选中父节点,所有子节点全选中
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态 oncheck
- jquery判断checkbox是否选中及改变checkbox状态
- WPF中控件绑定XML文件,实现修改XML文件即可以改变程序控件内容
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态
- jquery判断checkbox是否选中及改变checkbox状态
- checkbox选中状态不被改变