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

更新時間：2019年09月24日 11:01:20 作者：Pruett

今天小編就為大家分享一篇layui監(jiān)聽select變化,以及設置radio選中的方法，具有好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

一、select監(jiān)聽

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

2.導入form

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

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

二、radio選中

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

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

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

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

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

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

以上這篇layui監(jiān)聽select變化,以及設置radio選中的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

小程序實現(xiàn)圖片裁剪上傳
這篇文章主要為大家詳細介紹了小程序實現(xiàn)圖片裁剪上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
js實現(xiàn)點擊彈窗彈出登錄框
這篇文章主要為大家詳細介紹了js實現(xiàn)點擊彈窗彈出登錄框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
JavaScript實現(xiàn)簡易輪播圖最全代碼解析(ES5)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易輪播圖最全代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
js給onclick賦值傳參數(shù)的兩種方法
這篇文章主要介紹了js給onclick賦值傳參數(shù)的兩種方法，有需要的朋友可以參考一下
2013-11-11
javascript語句中的CDATA標簽的意義
javascript語句中的CDATA標簽的意義...
2007-05-05
JS 異步遍歷的實現(xiàn)方法
本文主要介紹了JS 異步遍歷的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-04-04
fckeditor粘貼Word時彈出窗口取消的方法
這篇文章主要介紹了fckeditor粘貼Word時彈出窗口取消的方法,是應用fckeditor時非常實用的技巧,需要的朋友可以參考下
2014-10-10
JavaScript表單驗證的兩種實現(xiàn)方法
這篇文章主要為大家詳細介紹了JavaScript表單驗證的兩種實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
微信小程序修改數(shù)組長度的問題的解決
這篇文章主要介紹了微信小程序修改數(shù)組長度的問題的解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-12-12
JavaScript解構賦值的5個常見場景與實例教程
解構賦值是一種特殊的語法,它使我們可以將數(shù)組或對象“拆包”為到一系列變量中,因為有時候使用變量更加方便,下面這篇文章主要給大家介紹了關于JavaScript解構賦值的5個常見場景與實例的相關資料,需要的朋友可以參考下
2021-11-11