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

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

所有人员姓名、职级提前存在数据库表中,每个人员有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日

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境