微信小程序里怎么控制两个只能选择一个的?

微信小程序里怎么控制两个只能选择一个的?,第1张

方法/步骤

打开微信小程序开发工具,打开已新建的或新建一个项目

请点击输入图片描述

新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio

请点击输入图片描述

保存代码并查看左侧模拟器,可以查看到一组单选按钮

请点击输入图片描述

在对应页面的JS文件中,定义单选按钮组change事件changeJa

请点击输入图片描述

保存代码并打开内置浏览器控制台,点击单选按钮,查看打印结果

请点击输入图片描述

下载WeUI文件,然后将相关的样式文件拷贝进去,然后修改界面并调用样式类

请点击输入图片描述

再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

小程序开发中,checkbox组件不可以单独使用。radio是选项按钮组件,该组件不能单独使用,必须作为radio-group的子组件使用,否则多个radio只有一个被选中。要监听radio组件的触发事件,需要使用radio-group组件的bindchange属性。

微信小程序radio不能使用三目运算,解决方法如下:

在小程序的开发过程中,三目运算符是可以嵌套使用的,如果界面上有多个条件来区分不同样式,可以有两种实现方式,一种是用if else判断写多个组件,另一种是使用嵌套的三目运算符可以减少很多代码


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存