How to display single options in WeChat mini program-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

How to display single options in WeChat mini program

Jun 21, 2018 pm 04:24 PM

Radio WeChat applet

This article mainly introduces the use of radio display single option function in WeChat applet, involving operation techniques related to radio component event response, and comes with source code for readers to download and refer to. Friends in need can refer to this article

The example describes how the WeChat applet uses radio to display a single option function. Share it with everyone for your reference, as follows:

Key code

① index.wxml

&lt;radio-group bindchange=&quot;radiogroupBindchange&quot;&gt;
 &lt;radio value=&quot;radio1&quot;&gt;radio1&lt;/radio&gt;
 &lt;radio value=&quot;radio2&quot;&gt;radio2&lt;/radio&gt;
 &lt;radio value=&quot;radio3&quot;&gt;radio3&lt;/radio&gt;
&lt;/radio-group&gt;
&lt;view&gt;提示：{{text}}&lt;/view&gt;

Copy after login

② index.js

Page({
 data:{
  // text:&quot;这是一个页面&quot;
  text:&#39;&#39;
 }, 
 radiogroupBindchange:function(e){
  console.log(e);
  this.setData({
   text:&#39;您选择了&#39;+e.detail.value
  })
 }
})

Copy after login

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

How to develop AngularJS 2 applications using the VS Code editor

About SPA first screen loading optimization in Vue (Detailed tutorial)

About the usage of the pipe operator (|) in Angular

About modifying the selected text or code in the VS Code editor Color operation

How to use the request network to perform request operations in the WeChat applet

How to implement the array update function in VUE

Using modular development in vuejs

What should we pay attention to when optimizing Vue projects?

How to implement component communication in vue-cli

Use angular to write the Message component

How to bind Json data source using EasyUI

The above is the detailed content of How to display single options in WeChat mini program. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn