欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序頁(yè)面效果--多選框(類(lèi)似選擇題) - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(shí)

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷(xiāo)的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷(xiāo)工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

微信小程序頁(yè)面效果--多選框(類(lèi)似選擇題)

發(fā)表時(shí)間:2021-4-30

發(fā)布人:葵宇科技

瀏覽次數(shù):145

今天給看微信小程序多選框時(shí),自己寫(xiě)了一個(gè)例子(類(lèi)似選擇題),希望對(duì)大家有幫助

多選框列表中,我添加了判斷如果沒(méi)有選任何一項(xiàng),提交按鈕是不能點(diǎn)擊提交的;如果想要提示,把按鈕的disabled屬性刪掉就行;

wxml:

  1. <view  class="container log-list">
  2. <checkbox-group bindchange="checkboxChange">
  3. <label class="checkbox" wx:for="{{items}}" wx:key="item">
  4. <checkbox value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}
  5. </label>
  6. </checkbox-group>
  7. <button bindtap="submit" disabled="{{clickCheck}}">提交</button>
  8. </view>

js:

  1. var checkValue = [];
  2. page({
  3.    data:{
  4. items:[
  5. { name: 'USA', value: '美國(guó)'},
  6. { name: 'CHN', value: '中國(guó)'},
  7. { name: 'BRA', value: '巴西'},
  8. { name: 'JPN', value: '日本'},
  9. { name: 'ENG', value: '英國(guó)'},
  10. { name: 'TUR', value: '法國(guó)'}
  11.        ],
  12. // 綁定按鈕是否可點(diǎn)
  13. clickCheck:true
  14. },
  15. // 點(diǎn)擊單選框
  16. checkboxChange: function (e) {
  17. checkValue = e.detail.value;
  18. // 判斷是否選擇了,如果選擇了,才能點(diǎn)擊按鈕
  19. if (e.detail.value[0]){
  20. this.setData({
  21. clickCheck: false
  22. })
  23. }else{
  24. this.setData({
  25. clickCheck: true
  26. })
  27. }
  28. },
  29. // 點(diǎn)擊表單提交
  30. submit:function(){
  31. // 如果checkValue有值,說(shuō)明選擇了,可以提交
  32. if (checkValue[0]){
  33. wx.showToast({
  34. title: '提交成功',
  35. })
  36. }else{
  37. wx.showToast({
  38. title: '未答題',
  39. })
  40. }
  41. }
  42. })

相關(guān)案例查看更多