怎么在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>
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。