微信小程序如何修改自定义input

这篇文章主要介绍微信小程序如何修改自定义input ，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
说一下我做的input的原理有两张图片一张是未选中的(input.png)一张是已经选中的 (input_n.png) 更具点击事件bindtap 事件来更换图片的路径实现
首先请求后台接口获取数据
wx.request({
url: imgsrc + ‘/wechar/product/getproduct’,
data: ”,
header: {},
method: ‘GET’,
dataType: ‘json’,
responseType: ‘text’,
success: function (res) {
console.log(res);
that.setData({
product: res.data,
});

},
})
获得数据格式，

把这些数据存入data里面
在wxml中写循环给图片写入事件cli1 把数组下标存入data-id 用于区分点击了哪个按钮

{{item.pro_name}}
{{item.pro_price}}

js代码
cli1:function(res)
{
　　　　//获取数组的下标用来确认点击的是那个按钮
　　 var id = res.currentTarget.dataset.id;
　　　　//把选中的商品名字存起来
selectedProName = res.currentTarget.dataset.name;
　　//把选中的商品id存起来
　　 selectedProId = res.currentTarget.dataset.proid;

　　//因为是单选按钮首先循环所有的商品把input改为未选中的状态
for (var x in product) {
product[x].i免费云主机域名mgsrc = “radio.png”;
}
　　//根据获取过来的数组下标判断input是否是选中状态如果是切换为未选中状态如果不是改为选中状态
if (product[id].imgsrc == “radio.png”) {
product[id].imgsrc = “radio_n.png”;
} else {
product[id].imgsrc = “radio.png”;
}
　　把整个数组存入data中
this.setData({
product: product,
});
}以上是“微信小程序如何修改自定义input ”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注百云主机行业资讯频道！

相关推荐: CSS的text-decoration问题怎么解决

本篇内容介绍了“CSS的text-decoration问题怎么解决”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！　　项目里遇到的问题　　在我的项目里头遇到的…