小程序复选框的取值问题 value

最新推荐文章于 2024-07-12 15:11:33 发布

一个混子罢了

最新推荐文章于 2024-07-12 15:11:33 发布

阅读量1.3k

点赞数 1

文章标签：小程序

本文链接：https://blog.csdn.net/DSs1206/article/details/120833287

版权

本文探讨了在小程序中处理复选框取值的问题。通过分析代码，指出当不手动给事件的value赋值时，detail的value将为空。解决方法是在checkbox组件中添加`value="{{item.value}}}"，以便正确获取item里的value值。示例中，通过改变`value`的绑定属性，可以打印出选中水果的name或value。文中还提供了未添加value属性时导致的输出问题作为对比。

摘要由CSDN通过智能技术生成

先看源码

提示

这个代码来源是黑马的36集我去测试了一下发现如果我绑定的点击事件detail是没这个value的然后我再去删掉data里的value的话发现detail的value也还是存在的说明这value是复选框自带的

如果想取复选框的value的值取不出来就在checkbox里加上 value=“{ {item.value}}”

当时学vue的时候直接打印是可以打印出全部内容来的

但是这个好像有点不一样我发现如果不自己去给事件的value赋值的话是事件的value内容是空的

所以想取出item里的value的值必须要给这个事件的value的值给赋上你想要给的item里的值比如这样 value="{ {item.value}}" 第一个value是事件源的value 第二个value是data的value

看看代码的话你就会发现能打印出你选中的水果的value的值

如果还是不知道的话

把value="{ {item.value}}"改成value="{ {item.name}}"

你就会发现屏幕上打印的值就变成了你选中的水果的名字如你选中苹果则打印的是苹果

这个跟着黑马 36 集敲出来的
<view>
  <checkbox-group bindchange="handItemChange">
    <checkbox value="{
  {item.value}}" wx:for="{
  {list}}" wx:key="id">
    {
  {item.name}}
    {
  {item.value}}