请问大佬们,在微信小程序开发中form里radio value的值怎么取在js中

请问大佬们,在微信小程序开发中form里radio value的值怎么取在js中,第1张

有两种方法获取表单项的值

监听form提交事件 bindsubmit (一般都要这样做,因为很多场景下要推送模烂粗板消饥尺镇息,就要用到formId 只有在form提交事件里才能获取到formId)

在radio-group里监听change事件(bindchange) ,事件中的e.detail.value即是选中的值,如困答果是checkbox,会是一个数组

小程序文档:radio

有两种获取方法:

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 确定位置码手。

<radio-group class="radio-group" bindchange="radioChange">

<label class="旦或radio" wx:for="亮迟空{{k7}}" wx:key="index">

<radio value="{{item.arr_guige02}}" bindtap='radio' data-id="{{item.guige_key02}}" checked="{{item.checked}}"/>{{item.arr_guige02}}

</label>

</radio-group>

// 获取该组件的id

radio:function(e){

this.setData({

guige_key02: e.currentTarget.dataset.id

})

console.log(e.currentTarget.dataset.id)

},

// 获取用户选择的敬瞎单选框的值

radioChange: function (e) {

this.setData({

arr_guige02: e.detail.value

})

console.log(e.detail.value)

},


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

原文地址: http://outofmemory.cn/yw/12357624.html

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

发表评论

登录后才能评论

评论列表(0条)

保存