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

  比较简单实用,直接上代码,主要就是  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>

  

posted @ 2020-09-02 22:17  好想爱这个世界啊ii  阅读(434)  评论(0)    收藏  举报