layui監(jiān)聽select變化,以及設(shè)置radio選中的方法

發(fā)布時(shí)間：2020-09-06 16:22:08 來(lái)源：腳本之家閱讀：345 作者：Pruett 欄目：web開發(fā)

一、select監(jiān)聽

1.首先,要給select加一個(gè)layui提供的屬性 lay-filter=“l(fā)evel” 這里面的level自己定義,下面會(huì)用到

2.導(dǎo)入form

 layui.use('form', function(){
    var form = layui.form; //只有執(zhí)行了這一步，部分表單元素才會(huì)自動(dòng)修飾成功
    form.on('select(level)'),function() {
    //內(nèi)容
});
    form.render();//注意如果是動(dòng)態(tài)添加的select ,就必須加這行代碼
 
  });

可以不用加第一行的代碼 layui.use這行

二、radio選中

首選要將layui提供的form表單放在當(dāng)前函數(shù)最下面

  layui.use('form', function(){
      var form = layui.form; //只有執(zhí)行了這一步，部分表單元素才會(huì)自動(dòng)修飾成功
      form.render();
    });

然后使用jquery的each 以及根據(jù)name找dom元素的方法進(jìn)行設(shè)計(jì)

 $.each($("input[name='usex']") ,function (index, data) {//index是索引,從0開始

      if( data.value == '男' ) {
        // alert(usex);
        $(data).prop('checked',true);//data表示數(shù)據(jù)的內(nèi)容,比如男女
       
      }
    })

在這里也強(qiáng)調(diào)下關(guān)于select的初顯示,如果想讓他第一次出現(xiàn)在你想讓的顯示的一個(gè)Option上也需要吧layui.use放在最下面

以上這篇layui監(jiān)聽select變化,以及設(shè)置radio選中的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

layui監(jiān)聽select變化,以及設(shè)置radio選中的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽