layui監聽select變化, 以及設定radio選中
阿新 • • 發佈:2018-11-21
一,select監聽
1.首先,要給select加一個layui提供的屬性 lay-filter=“level” 這裡面的level自己定義,下面會用到
2.匯入form
layui.use('form', function(){ var form = layui.form; //只有執行了這一步,部分表單元素才會自動修飾成功 form.on('select(level)'),function() { //內容 }); form.render();//注意如果是動態新增的select ,就必須加這行程式碼 });
可以不用加第一行的程式碼 layui.use這行
二.radio選中
首選要將layui提供的form表單放在當前函式最下面
layui.use('form', function(){
var form = layui.form; //只有執行了這一步,部分表單元素才會自動修飾成功
form.render();
});
然後使用jquery的each 以及根據name找dom元素的方法進行設計
$.each($("input[name='usex']") ,function (index, data) {//index是索引,從0開始 if( data.value == '男' ) { // alert(usex); $(data).prop('checked',true);//data表示資料的內容,比如男女 } })
在這裡也強調下關於select的初顯示,如果想讓他第一次出現在你想讓的顯示的一個Option上也需要吧layui.use放在最下面