首页 > 分享 > 小程序中 radio 的一个坑,到底 checked 该赋什么值?

小程序中 radio 的一个坑,到底 checked 该赋什么值?

最新推荐文章于 2024-10-16 13:31:03 发布

亮子AI 于 2018-10-15 15:19:11 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

首先看官方给出的代码,wxml:

<radio-group class="radio-group" bindchange="radioChange"> <label class="radio" wx:for="{{items}}"> <radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}} </label> </radio-group> 12345

js

Page({ data: { items: [ {name: 'USA', value: '美国'}, {name: 'CHN', value: '中国', checked: 'true'}, {name: 'BRA', value: '巴西'}, {name: 'JPN', value: '日本'}, {name: 'ENG', value: '英国'}, {name: 'TUR', value: '法国'}, ] }, radioChange: function(e) { console.log('radio发生change事件,携带value值为:', e.detail.value) } }) 123456789101112131415

似乎很清楚,选中的选项,设置为 checked=“true”。我很轻易的认为,没有选中的,那就设置为 checked=“false”, 错了!这样写同样是选中效果!

实际上,就算这样写:checked=“abc”, 仍然是选中效果!因此,只有设定checked为空的元素,才是未选中的。

结论:为了设置未选中项的checked值,有两种方法可供选择:

设置为空字符串 checked="{{item.val}}", item.val 为空字符串在 js 中删掉变量 delete arr[i][‘val’]

相关知识

小程序checkbox,radio组件
jquery解决input[type=radio]点击选中取消
mysql中null与“空值”的坑
点击input checkbox之后代码里面自动添加checked=“checked”
Django项目之Web端电商网站的实战开发(完结)
【微信小程序开发实战项目】——花店微信小程序实战项目(4)
鲜花小程序商城怎么做?花店做小程序商城有什么好处?
checkbox属性checked=“checked”通过js已设置,但是不勾选
前端——table标签和form标签和控件:table,input的type类型,select和option,label,textarea
数字化赋能农业生产!花都推出“农药小记录”小程序~

网址: 小程序中 radio 的一个坑,到底 checked 该赋什么值? https://m.huajiangbk.com/newsview1183335.html

所属分类:花卉
上一篇: python语句的输出结果
下一篇: 配置Linux静态IP完全指南