layui switch(开关)状态获取与修改

佳佳鸽

已于 2022-04-29 15:30:39 修改

阅读量8.6k

点赞数 2

分类专栏： LayUI 文章标签： layui javascript switch layui开关

于 2022-03-16 15:33:17 首次发布

本文链接：https://blog.csdn.net/weixin_43793181/article/details/123527602

版权

LayUI 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

layui switch(开关)状态获取与修改

HTML部分

<div class="layui-input-inline">
	<input type="checkbox" name="my_checkbox" id="my_checkbox" lay-filter="my_checkbox" lay-text="ON|OFF" lay-skin="switch">
</div>

开关状态获取：

$.trim($('#my_checkbox').is(":checked"));

开关状态修改：

var my_switch = document.getElementById("my_checkbox");
my_switch.checked=true;										//打开

$('#my_checkbox').attr( "checked", 'true');					//打开
$('#my_checkbox').removeAttr("checked");					//关闭