网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網(wǎng)

微信小程序radio點(diǎn)選框,再次點(diǎn)擊取消

發(fā)布時(shí)間:2018-05-16 16:03 所屬欄目:小程序開(kāi)發(fā)教程

radio點(diǎn)擊當(dāng)前選項(xiàng),取消選擇,在網(wǎng)上嘗試找了很多方法都不生效,通過(guò)給radio綁定一個(gè)點(diǎn)擊事件(bindtap)來(lái)實(shí)現(xiàn)這一功能,直接看代碼:

 

index.wxml:

 

				
  1. <view class="page">
  2. <view class="page__hd">
  3. <text class="page__title">radio</text>
  4. <text class="page__desc">單選框</text>
  5. </view>
  6. <view class="page__bd">
  7. <view class="section section_gap">
  8. <radio-group class="radio-group" bindchange="radioChange">
  9. <radio class="radio" bindtap = "bindtap1" wx:for-items="{{items}}" wx:key="name" value="{{item.name}}" checked = "{{item.checked}}">
  10. <text>{{item.value}}</text>
  11. </radio>
  12. </radio-group>
  13. </view>
  14. </view>
  15. </view>
 

index.wss:

 

				
  1. .radio-group {
  2. border-bottom: 1px solid #ddd;
  3. }
  4. .radio {
  5. display: block;
  6. border-top: 1px solid #ddd;
  7. padding: 5px;
  8. }
 

index.js:

 

				
  1. Page({
  2. data: {
  3. items: [
  4. { name: 'USA', value: '美國(guó)', checked:false},
  5. { name: 'CHN', value: '美國(guó)', checked: true },
  6. { name: 'BRA', value: '巴西', checked: false},
  7. { name: 'JPN', value: '日本', checked: false},
  8. { name: 'ENG', value: '英國(guó)', checked: false},
  9. { name: 'FRA', value: '法國(guó)', checked: false},
  10. ],
  11. aa:'CHN'
  12. },
  13.  
  14. bindtap1:function(e){
  15. var items = this.data.items;
  16. for (var i = 0; i < items.length; i++){
  17. if (items[i].name == this.data.aa){
  18. for (var j = 0; j < items.length; j++) {
  19. // console.log("items[j].checked = ", items[j].checked);
  20. if (items[j].checked && j != i) {
  21. items[j].checked = false;
  22. }
  23. }
  24. items[i].checked = !(items[i].checked);
  25. console.log("-----:" ,items);
  26. // this.setData(this.data.items[i]);
  27.  
  28. }
  29. }
  30. this.setData({
  31. items: items
  32. });
  33. },
  34.  
  35. radioChange: function (e) {
  36. // for(var i = 0;i<this.data.items.length;i++){
  37. // if (this.data.items[i].checked){
  38. // // console.log('radio發(fā)生change事件,攜帶value值為:', this.data.items[i].name)
  39. // }
  40. // }
  41. this.data.aa = e.detail.value;
  42. console.log(this.data.aa);
  43. }
  44. })

通過(guò)這樣就可以實(shí)現(xiàn)radio的再次點(diǎn)擊取消掉選擇。



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/24438.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢
AI智能客服 ×