html - 移動端radio無法選中
問題描述
<label for='flag1'><input type='radio' name='flag' value='1' /><i class='fa fa-circle-o'></i> <img src='http://m.b3g6.com/wenda/flag1.png' /></label><label for='flag2'><input type='radio' name='flag' value='2' /><i class='fa fa-circle-o'></i> <img src='http://m.b3g6.com/wenda/flag2.png' /></label><label for='flag3'><input type='radio' name='flag' value='3' /><i class='fa fa-circle-o'></i> <img src='http://m.b3g6.com/wenda/flag3.png' /></label>

點第三個的時候第一個會選中,非要精確點input那個點才能選擇,遇到過兩次了,就是不知道什么原因造成的
問題解答
回答1:label標簽不是這樣用的,他的開始跟閉合標簽之間不能加其他標簽。否則他的for屬性不起作用的。<label for='a'></label><input type....... />這樣就可以他會自己去找id為a的標簽
回答2:lable失效,/lable位置不對吧放在input前面試試
回答3:我發現是mui的js影響到的,具體是怎么影響的還不清楚,因為我把頁面的mui.js去掉了就正常了,加上就出現異常
找到問題所在了,我在mui.js v2.8.0 第920行左右找到以下代碼
var handle = function(event, target) { if (target.tagName === ’LABEL’) {if (target.parentNode) {//問題就出在這一行target = target.parentNode.querySelector(’input’);} } if (target && (target.type === ’radio’ || target.type === ’checkbox’)) {if (!target.disabled) { //disabledreturn target;} } return false;};
可以在引入mui之前加上以下代碼解決
<script>window.FastClick = true;</script>
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. phpstudy8.1支持win11系統嗎?4. 配置Apache時,添加對PHP的支持時語法錯誤5. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化6. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~7. 實現bing搜索工具urlAPI提交8. javascript - nodejs關于進程間發送句柄的一點疑問9. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?10. javascript - 移動端上不能實現拖拽布局嗎?

網公網安備