微信小程序表单类组件radio使用详解

 时间:2024-10-13 09:55:32

1、先百度搜索查看 radio 单选框组件的官方文档,拉悟有仍该组件的属性较少,含义也很清晰,注意,该组件要结合 rad足毂忍珩io-group 包装组件一起来使用,通过 radio-group 的 bindchange 回调事件获取被选中的单选框信息。

微信小程序表单类组件radio使用详解

2、在 wxml 中通过 <radio-group> 和 <radio> 标签创建一个单向按钮组,并且在 r锾攒揉敫adio-group 组件上,绑定其 bindchange 事件回调函数。注意,这里使用了 wxml 的列表渲染和数据绑定特性。关于这两个特性的具体使用,请参考如下经验引用。

微信小程序表单类组件radio使用详解

3、在 js 文件中定义上述数据绑定所使用变量的初始值,已经 radio-group 上绑定的事件回调函数。

微信小程序表单类组件radio使用详解

4、在 wxss 中声明 wxml 中使用的标签类的样式定义。

微信小程序表单类组件radio使用详解

5、保存编译后,在模拟器中查看页面效果,符合预期,勾选单选按钮后,在调试器中可以看到事件回调函数打印的信息。

微信小程序表单类组件radio使用详解
  • 微信开发者工具配置。
  • jquery如何实现鼠标放上div时改变其大小
  • js删除节点的方法
  • 怎样更新VS 2013 update 4
  • TIM怎么关闭锁屏显示消息弹框
  • 热门搜索
    angry是什么意思 大惊小怪的意思 its是什么意思 血流变是检查什么的 青云志什么时候播出 sy是什么意思 以的意思 江雪古诗词的意思 主宰的意思 奥运会什么时候开始