小程序怎么获取 多组 单选按钮选中的值?

小程序怎么获取 多组 单选按钮选中的值?,第1张

有两种获取方法

1. 在所有单选按钮组外边套一个 form 组件,并且加一个包含属性 formType="submit" 的

button 按钮,每组单选按钮的 name 使用你的 data-index,团清选择完闭后点击按钮,在

bindsubmit 绑定的方法中可以获取到所有迟或嫌值:

formSubmit(event) {

const values = event.detail.value

const result = Object.keys(values).sort().map(key => values[key])

console.log(result)// 此时的 result 就是一个按顺序(name)排序的

}

2. 使用 radio-group 的 bindchange,设置值时用 data-index 确定位置码手。

微信小程序 获取javascript 里的数据

wxml如何获取js里的前侍数据

例:

wxml里:

1

<text id="twl">{{txt}}</text>

通过慧槐吵上面的{{txt}}可以对应获取js里data下定义的txt的值

js里:

1234

data: { txt:{} }

首先在data里定义一个“容器”txt:{},{}内为空代表是从别的地方传值进去,当然{}里也可以直接写数据,如txt:{‘123'},上面的wxml获取了就相当于 <text id="twl">123</text>;通过其他方法传值到容器里用一个this.setData({})的方法,如:

1234567891011

onLoad: function (options) { var ta=options.kind this.setData({ txt:ta,}) },

这样上面data里定义的txt的值就是ta的值明轿了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/8278726.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-14
下一篇2023-04-14

发表评论

登录后才能评论

评论列表(0条)

    保存