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

<div class="layui-input-block"><input type="radio" name="sex" value="0" title="男"></div>，class屬性是固定寫法。

這樣寫好了以后，你如果是寫在靜態頁面，這樣式可以看見效果，如果寫在js里，這樣寫了還有一步得寫，那就是

var form = layui.form();form.render("select"); //更新全部

這樣寫是外面套的是form標簽，如果是div，就寫layui.div();即可。

對于下拉框的事件的使用，語法form.on('event(過濾器值)', callback);

也可寫成

var form=layui.form();

form.on('select(addywlb)', function(data){}),這里面的選中的值可以直接data.value;關于data里的數據結構，感興趣可以console.log(data);打印出看看。獲取選中的其他的屬性值，和普通的用法一樣，$("#cxYearBegin option:selected").attr("year");對了，關于select()括號里的值是這樣來的 <select name="modules" lay-verify="required" lay-filter="cxYearBegin" lay-search="" id="cxYearBegin" >，根據這個lay-filter屬性來獲取。

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

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

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

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

如果是開關按鈕，事件是一樣的：

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

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

以上這篇對layui中表單元素的使用詳解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。