溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么在layui中開關switch

發布時間:2021-04-19 17:32:22 來源:億速云 閱讀:311 作者:Leah 欄目:web開發

怎么在layui中開關switch?很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。

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>

看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女