首页 > 其他 > 详细

LayUI 简单的全选和反选小例子

时间:2020-09-02 22:46:29      阅读:157      评论:0      收藏:0      [点我收藏+]

  比较简单实用,直接上代码,主要就是  lay-filter="ischange"   触发事件和  checkbox 的 class="ids" 对上就行:

 

  Html:

<th>
	<input type="checkbox" id="ischange" lay-filter="ischange"/>
</th>
 
<td style="width:1%;">
<input type="checkbox" class="ids" name="tables"  value="${table.name!‘‘}" />
</td>

  JS:

<script>

layui.use(‘form‘, function(){
	var form = layui.form;
	form.render(); //更新全部
	form.on(‘checkbox(ischange)‘,function(data){
		var a = data.elem.checked;
		if(a == true){
			$(".ids").prop("checked", true);
			form.render(‘checkbox‘);
		}else{
			$(".ids").prop("checked", false);
			form.render(‘checkbox‘);
		}
	});
	
});
</script>

  

LayUI 简单的全选和反选小例子

原文:https://www.cnblogs.com/Keyifan/p/13604806.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!