微信小程序单选框和按钮_微信小程序 自定义单选复选按钮组的实现(用于实现购物车产品列表功能)...

(一)单选按钮组

模型图如下：

index.js

Page({

data: {

parameter: [{ id:1, name: '银色' }, { id: 2, name: '白色' },{ id: 3, name: '黑色' }],//模拟商品参数数据，如果是线上版本需要自行发起request请求

},

onLoad:function(options) {this.data.parameter[0].checked = true;this.setData({

parameter:this.data.parameter,

})//默认parameter数组的第一个对象是选中的

},//参数点击响应事件

parameterTap:function(e){//e是获取e.currentTarget.dataset.id所以是必备的，跟前端的data-id获取的方式差不多

var that=this

var this_checked =e.currentTarget.dataset.idvar parameterList = this.data.parameter//获取Json数组

for (var i = 0; i < parameterList.length;i++){if (parameterList[i].id ==thi