ainicanfly 2021-08-07 21:53 采纳率: 100%
浏览 112
已结题

请教,微信小程序多个相同单选框 如何取值?

所有人员姓名、职级提前存在数据库表中,每个人员有4个选项,每个选项的值都是1。并且每个人的选项都是一样的,如:
张三:
A.好 B.较好 C. 一般 D.差

请教,在小程序中如何获取多组单选框的值并把计票结果累加并存入表中对应字段,希望能给个小程序简单的例子。

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2021-08-07 23:12
    关注

    小程序示例代码如下,有帮助麻烦点个采纳【本回答右上角】,谢谢~~

    img

    demo.js

    
    Page({
      data:{
        users:[{name:'张三',score:'较好'},{name:'李四',score:''}/*更多用户,name为用户名,score为评价值*/],
        //评价选项,更多自己添加,如果还有其他单选项目,自己增加,同时上面users可以新增对应的存储选项值的键名称,setValue可以自己扩展下,radio用data-typ存储单选键名称
        scores:['好','较好','一般','差']
      },
      setValue(e) {
        var ds=e.target.dataset;//得到users所在下标
        this.data.users[ds.index].score=ds.value;
        this.setData(this.data.users);
      },
      formSubmit(e){
        console.log(JSON.stringify(this.data.users));
      }
    })
    
    

    demo.wxml

    
    <form bindsubmit="formSubmit">
    <view wx:for="{{users}}" wx:key="name" wx:for-index="userindex">
    <view>{{item.name}}</view>
    <view>
    <radio-group>
    <block  wx:for="{{scores}}"  wx:for-item="sitem">
      <radio bindtap="setValue" data-value="{{sitem}}" checked="{{item.score==sitem}}" data-index="{{userindex}}"/>{{sitem}} 
    </block>
    </radio-group>
    </view>
    </view>
    <button style="margin: 30rpx 0" type="primary" formType="submit">Submit</button>
    </form>
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月15日
  • 已采纳回答 8月7日
  • 创建了问题 8月7日

悬赏问题

  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥170 如图所示配置eNSP
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持