對(duì)layui中表單元素的使用詳解
首先不管是單選框還是復(fù)選框或者是下拉框，都要在你寫的標(biāo)簽外面套一層div或者是form標(biāo)簽，如：
<div class="layui-input-block"> <input type="radio" name="sex" value="0" title="男"> </div>，class屬性是固定寫法。
這樣寫好了以后，你如果是寫在靜態(tài)頁面，這樣式可以看見效果，如果寫在js里，這樣寫了還有一步得寫，那就是
var form = layui.form();
form.render("select"); //更新全部
這樣寫是外面套的是form標(biāo)簽，如果是div，就寫layui.div();即可。
對(duì)于下拉框的事件的使用，語法form.on('event(過濾器值)', callback);
也可寫成
var form=layui.form();
form.on('select(addywlb)', function(data){}),這里面的選中的值可以直接data.value;關(guān)于data里的數(shù)據(jù)結(jié)構(gòu)，感興趣可以console.log(data);打印出看看。獲取選中的其他的屬性值，和普通的用法一樣，$("#cxYearBegin option:selected").attr("year");對(duì)了，關(guān)于select()括號(hào)里的值是這樣來的 <select name="modules" lay-verify="required" lay-filter="cxYearBegin" lay-search="" id="cxYearBegin" >，根據(jù)這個(gè)lay-filter屬性來獲取。
如果是復(fù)選框的事件，就可以這樣寫
form.on('checkbox(filter)', function(data){});
如果是單選按鈕是這樣寫：
form.on('radio(filter)', function(data){});
如果是開關(guān)按鈕，事件是一樣的：
form.on('switch(filter)', function(data){});
其中括號(hào)里的值都是通過lay-filter這個(gè)屬性值來獲取。
以上這篇對(duì)layui中表單元素的使用詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
如何手動(dòng)實(shí)現(xiàn)es5中的bind方法詳解
這篇文章主要給大家介紹了關(guān)于如何手動(dòng)實(shí)現(xiàn)es5中的bind方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
JavaScript中檢測對(duì)象類型的運(yùn)算符有：typeof、instanceof，還有對(duì)象的constructor屬性： 1) typeof 運(yùn)算符 typeof 是一元運(yùn)算符，返回結(jié)果是一個(gè)說明運(yùn)算數(shù)類型的字符串。下面由小編給大家分享JavaScript中的4種類型識(shí)別方法，需要的朋友可以參考下本文2015-09-09
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之命令模式，命令設(shè)計(jì)模式是由發(fā)令者、執(zhí)行者、命令對(duì)象三部分構(gòu)成，文章由此展開詳細(xì)的內(nèi)容介紹，需要的小伙伴可以參考一下2022-06-06
利用layer實(shí)現(xiàn)表單完美驗(yàn)證的方法
今天小編就為大家分享一篇利用layer實(shí)現(xiàn)表單完美驗(yàn)證的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript文字滾動(dòng)停頓效果的實(shí)現(xiàn)代碼2008-06-06
error是指程序中的非正常運(yùn)行狀態(tài)，在其他編程語言中稱為“異?！被颉板e(cuò)誤”，解釋器會(huì)為每個(gè)錯(cuò)誤情形創(chuàng)建并拋出一個(gè)Error對(duì)象，其中包含錯(cuò)誤的描述信息，這篇文章主要介紹了javascript中的Error對(duì)象，需要的朋友可以參考下2019-04-04
javascript 數(shù)據(jù)結(jié)構(gòu)的題
面試題是3個(gè)數(shù)據(jù)結(jié)構(gòu)的題，可以用java/c/c++/python實(shí)現(xiàn)，靠，js也能實(shí)現(xiàn)，鄙視js？我上機(jī)就用js寫的，雖說肯定沒戲，但js我挺。2008-07-07
js parseInt的陷阱分析小結(jié),當(dāng)?shù)谝粋€(gè)字符為0時(shí)，Js會(huì)把它看成一個(gè)8進(jìn)制數(shù)字，其他8進(jìn)制之外的字符都回被忽略掉。2011-03-03
本篇文章主要介紹了js實(shí)現(xiàn)截圖功能的代碼示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要為大家詳細(xì)介紹了three.js實(shí)現(xiàn)3D視野縮放效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11