小編給大家分享一下layui如何監(jiān)聽多個(gè)radio事件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)于2013年成立，先為昔陽等服務(wù)建站，昔陽等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為昔陽企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

需求如下圖：想要選中單選框3，是單選框3下的復(fù)選框全選

如果 面板信息 不多的話，可以給每個(gè)單選框3添加一個(gè)固定的監(jiān)聽事件

但是實(shí)際項(xiàng)目中，不僅僅只有兩個(gè)，會(huì)有幾十個(gè)，這時(shí)總不能綁定一個(gè)lay-filter，添加一個(gè)form.on('radio(filter)')事件吧

所以在此寫了一個(gè)通用的監(jiān)聽多個(gè)radio的方法：

// 選取“單選框3”，“單選框3”下的所有內(nèi)容全選        var flagID = document.querySelectorAll("input[title='單選框3']");        var aFlagID = new Array();        for (var j = 0; j < flagID.length; j++) {            aFlagID.push(flagID[j].id);        }        // 監(jiān)聽所有title為“單選框3”的radio        // 注意：此時(shí)title為“單選框3”的radio的id和lay-filter需要設(shè)為一致！！！！        for (var i = 0; i < aFlagID.length; i++) {             form.on('radio('+aFlagID[i]+')', function(data) {                $(data.elem).next().next().children("input").addClass(""+aFlagID[i]+"_other");                $("."+aFlagID[i]+"_other").attr("checked", "checked");                $("."+aFlagID[i]+"_other + div").addClass('layui-form-checked');                element.init();            });        }

此處，是通過id來獲取每個(gè)radio的lay-filter，將radio的id與lay-filter設(shè)置成一樣的；

$(data.elem)就是當(dāng)前監(jiān)聽的DOM元素；這里要注意看瀏覽器已經(jīng)渲染成功的頁面；

此時(shí)選中的是input元素，即為單選框3，但是由于layui將input美化掉了，所以此input沒有顯示；

注意看下圖：此時(shí)input下一個(gè)元素才是我們看到的“單選框3”

在選取元素的時(shí)候一定要找準(zhǔn)元素！

此方法有以下局限性：

1.需要手動(dòng)給每個(gè)“單選框3”設(shè)置id和lay-filter；

2.“單選框3”的id和lay-filter需要一致；

3.獲取元素時(shí)是通過jQuery方法尋找元素；

4.需要按照不同的頁面布局變更尋找元素的方式。

以上是“l(fā)ayui如何監(jiān)聽多個(gè)radio事件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：layui如何監(jiān)聽多個(gè)radio事件-創(chuàng)新互聯(lián)
鏈接地址：http://chinadenli.net/article24/hjcje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、標(biāo)簽優(yōu)化、電子商務(wù)、微信公眾號、定制開發(fā)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)