layui監聽多個radio事件

2022-01-13 04:18:25 字數 1360 閱讀 4150

需求如下圖:想要選中單選框3,是單選框3下的核取方塊全選

如果 面板資訊 不多的話,可以給每個單選框3新增乙個固定的監聽事件

但是實際專案中,不僅僅只有兩個,會有幾十個,這時總不能繫結乙個lay-filter,新增乙個form.on('radio(filter)')事件吧

所以在此寫了乙個通用的監聽多個radio的方法:

1

//選取「單選框3」,「單選框3」下的所有內容全選

2var flagid = document.queryselectorall("input[title='單選框3']");

3var aflagid = new

array();

4for (var j = 0; j < flagid.length; j++) 7//

監聽所有title為「單選框3」的radio8//

注意:此時title為「單選框3」的radio的id和lay-filter需要設為一致!!!!

9for (var i = 0; i < aflagid.length; i++) );

16 }

此處,是通過id來獲取每個radio的lay-filter,將radio的id與lay-filter設定成一樣的;$(data.elem)就是當前監聽的dom元素;這裡要注意看瀏覽器已經渲染成功的頁面;此時選中的是input元素,即為單選框3,但是由於layui將input美化掉了,所以此input沒有顯示;

在選取元素的時候一定要找準元素!

此方法有以下侷限性:

1.需要手動給每個「單選框3」設定id和lay-filter;

2.「單選框3」的id和lay-filter需要一致;

3.獲取元素時是通過jquery方法尋找元素;

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

layui 自動觸發radio和select

layui對radio和select做了包裝,正常用jquery選中後使用trigger不起作用。那麼,怎麼讓其自動觸發呢?對radio來說,必須在 選中後.next layui form radio click 例如 radio checked click 就不行,必須得是 radio check...

Lay ui自定義radio表單驗證

由於無法通過required直接對radio或者check設定必填,因此採用自定義的表單驗證方式,最終結果如下圖。前端 此 用js拼接而成,html直接根據內容自主拼接即可 此js 為table自定義選項內容 return str return js form.verify 對非輸入框設定焦點 fo...

python同時監聽多個埠 監聽多個埠

我在玩twisted,建立了乙個簡單的 伺服器 我想讓伺服器監聽多個埠 1025 65535 而不是單個埠。我該怎麼做?在 我的 from twisted.internet.protocol import protocol,serve ctory from twisted.internet impo...