一：登陸頁面toast做判斷

分享者：山水之間，來自原文地址 
//index.xml

1. <form bindsubmit="formBindsubmit" bindreset="formReset">
2. <view style="display:flex;">
3. <label>用戶名：</label>
4. <input name="userName" placeholder="請輸入用戶名！" />
5. </view>
6. <view style="display:flex;">
7. <label>密碼：</label>
8. <input name="psw" placeholder="請輸入密碼！" password="true" />
9. </view>
10. <view style="display:flex;margin-top:30px;">
11. <button style="width:30%;" formType="submit" >登錄</button>
12. <button style="width:30%" formType="reset" >重置</button>
13. </view>
14. </form>
15. <view>{{userName}}</view>
16. <view>{{psw}}</view>
17. <toast duration="2000" hidden="{{toastHidden}}" bindchange="toastBindChange">用戶名或密碼不能為空！</toast>

//index.js

1. Page({
2. data:{
3. // text:"這是一個頁面"
4. toastHidden:true,
5. userName:'',
6. psw:''
7. },
8. formBindsubmit:function(e){
9. if(e.detail.value.userName.length==0||e.detail.value.psw.length==0){
10. this.setData({
11. toastHidden:!this.data.toastHidden
12. })
13. }else{
14. this.setData({
15. tip:'',
16. userName:'用戶名：'+e.detail.value.userName,
17. psw:'密碼：'+e.detail.value.psw
18. })
19. }
20. },
21. formReset:function(){
22. this.setData({
23. userName:'',
24. psw:''
25. })
26. },
27. toastBindChange:function(){
28. this.setData({
29. toastHidden:!this.data.toastHidden
30. })
31. }
32. })

二：單選框

//index.wxml

1. <view class="item">
2. <p>單選</p>
3. <block wx:for="{{box}}" wx:for-item="box" wx:for-index="index">
4. <view wx:if="{{choose==index}}">
5. <view bindtap="choose" data-index="{{index}}" class="box_choose box">{{box.name}}</view>
6. </view>
7. <view wx:else="{{choose==index}}">
8. <view bindtap="choose" data-index="{{index}}" class="box">{{box.name}}</view>
9. </view>
10. </block>
11. </view>

index.wxss