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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序里怎么控制两个只能选择一个的?相关的知识,希望对你有一定的参考价值。

方法/步骤

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

    请点击输入图片描述

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

    请点击输入图片描述

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

    请点击输入图片描述

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

    请点击输入图片描述

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

    请点击输入图片描述

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

    请点击输入图片描述

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

    请点击输入图片描述

参考技术A

    就是如何把radio改成2个

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

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

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

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

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

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

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

参考技术B 单选的组件,通过程序来控制的,在小程序开发的软件里面都有,checkbox之类的 参考技术C 可以控制的,需要设置好

微信小程序内怎么导入地图,距离测算

参考技术A 进入腾讯地址服务官网。
在微信小程序中插入个性化地图:进入腾讯地址服务官网,控制台、个性化地图、个性化样式、样式选择。>
先定位目前的位置,再根据输入的目的地进行两地之间的距离计算。(前提是先导入高德地图相应的sdk包)。
参考技术B 首先你要了解弄懂微信小程序开发,地图组件有微信自带的,也可以自己引入组件,如果你的问题是怎么使用百度地图或者高德地图,那可以去百度地图高德地图看一下相关文档,里面有案例可以直接上手。距离测算可以是计算两个点位置的距离,数学公式一用就行了,另一种就是会有相关的接口直接用,不管是百度地图高德地图都有这种常用的接口去计算距离,点到点,点到线,的距离

以上是关于微信小程序里怎么控制两个只能选择一个的?的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序怎么只留一个

微信小程序图片上传时提示:没有应用可执行此操作

微信小程序里在js里自定义了方法名在wxml里怎么绑定

微信小程序并列行怎么设置

微信小程序(一)多个按钮选中的联动效果

微信小程序怎么设置没授权时的背景