国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

layui中的switch開關實現方法

2019-11-19 10:54:10
字體:
來源:轉載
供稿:網友

效果如下圖:

顯然這個插件是一個checkbox,只是在layui中封裝了。所以layui的js和css是必不可少的。

Html代碼:

<form class="layui-form" action=""> <div class="layui-form-item">  <label class="layui-form-label">開關</label>  <div class="layui-input-block">   <input type="checkbox" checked="" name="switch" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">  </div> </div></form>

Js代碼:

<script> layui.use(['form'], function(){  var form = layui.form   ,layer = layui.layer  //監聽指定開關  form.on('switch(switchTest)', function(data){   if(this.checked){    layer.msg('開關checked:'+ (this.checked ? 'true' : 'false'), {     offset: '6px'    });    layer.tips('溫馨提示:請注意開關狀態的文字可以隨意定義,而不僅 僅是ON|OFF', data.othis)   }else{    layer.msg('開關: 關掉了', {     offset: '6px'    });   }   //do some ajax opeartiopns;  }); });</script>

Ok了,試一下吧。可以放在form表單中作為一項指標隨form提交。也可以在監聽開關的方法中單獨進行ajax操作。

以上這篇layui中的switch開關實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 即墨市| 乳山市| 扎兰屯市| 桐乡市| 黄梅县| 乳山市| 昂仁县| 翁牛特旗| 天峻县| 图片| 邢台县| 西城区| 抚远县| 买车| 永福县| 南阳市| 开鲁县| 清徐县| 平乡县| 泉州市| 高阳县| 建始县| 错那县| 沧州市| 福清市| 佛山市| 永德县| 黄平县| 乌什县| 曲阳县| 鄯善县| 百色市| 逊克县| 焉耆| 绍兴县| 双鸭山市| 精河县| 滦南县| 平阳县| 桦甸市| 海林市|