對layui中表單元素的使用詳解

首先不管是單選框還是復(fù)選框或者是下拉框，都要在你寫的標(biāo)簽外面套一層div或者是form標(biāo)簽，如：

創(chuàng)新互聯(lián)公司10年專注成都高端網(wǎng)站建設(shè)按需定制服務(wù),為客戶提供專業(yè)的成都網(wǎng)站制作,成都網(wǎng)頁設(shè)計,成都網(wǎng)站設(shè)計服務(wù);創(chuàng)新互聯(lián)公司服務(wù)內(nèi)容包含成都網(wǎng)站建設(shè),微信小程序開發(fā),軟件開發(fā),網(wǎng)絡(luò)營銷推廣,網(wǎng)絡(luò)運(yùn)營服務(wù)及企業(yè)形象設(shè)計;創(chuàng)新互聯(lián)公司擁有眾多專業(yè)的高端網(wǎng)站制作開發(fā)團(tuán)隊,資深的高端網(wǎng)頁設(shè)計團(tuán)隊及經(jīng)驗(yàn)豐富的架構(gòu)師高端網(wǎng)站策劃團(tuán)隊;我們始終堅持從客戶的角度出發(fā),為客戶量身訂造網(wǎng)絡(luò)營銷方案，解決網(wǎng)絡(luò)營銷疑問。

<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();即可。

對于下拉框的事件的使用，語法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");對了，關(guān)于select()括號里的值是這樣來的 <select name="modules" lay-verify="required" lay-filter="cxYearBegin" lay-search="" id="cxYearBegin" >，根據(jù)這個lay-filter屬性來獲取。

如果是復(fù)選框的事件，就可以這樣寫

form.on('checkbox(filter)', function(data){});

如果是單選按鈕是這樣寫：

form.on('radio(filter)', function(data){});

如果是開關(guān)按鈕，事件是一樣的：

form.on('switch(filter)', function(data){});

其中括號里的值都是通過lay-filter這個屬性值來獲取。

以上這篇對layui中表單元素的使用詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站標(biāo)題：對layui中表單元素的使用詳解
URL鏈接：http://muchs.cn/article12/iidddc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、網(wǎng)站設(shè)計、網(wǎng)站導(dǎo)航、移動網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站制作

廣告

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