[layui]表单中switch的使用

最新推荐文章于 2023-05-17 13:56:46 发布

原创最新推荐文章于 2023-05-17 13:56:46 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

LayUI 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍如何在layui表格中使用开关控件实现状态切换，包括动态获取ID、监听开关变化并更新服务器状态，以及使用layer弹窗反馈操作结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//一定要写在table下，否则会出现d.id取不到值得问题

 <script type="text/html" id="switchTpl">
	<!--这里的 checked 的状态只是演示-->
	<input type="checkbox" name="open" value="{{d.isstop}}" lay-skin="switch" lay-text="启用|关闭" lay-filter="sexDemo" {{ d.isstop==1 ? 'checked' : '' }} data-id="{{d.id}}">
</script>

 form.on('switch(sexDemo)', function(obj) {
	//console.log(obj);
	var id = obj.elem.attributes["data-id"].value;
	console.log(id);
	if(obj.elem.checked == true) {
		this.value = 1;
	} else {
		this.value = 0;
	}
	layer.tips(this.value + ' ' + this.name + '：' + obj.elem.checked, obj.othis);
	$.post('http://192.168.1.136:10086/role/isstop', {
		id: id,
		isstop: this.value
	}, function(data, status) {
		console.log(data);
		if(data.status == 1) {
			layer.msg(data.msg);
		} else {
			layer.msg(data.msg);
		}
	})
});