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

2023-03-05,,

  比较简单实用,直接上代码,主要就是  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 简单的全选和反选小例子的相关教程结束。

《LayUI 简单的全选和反选小例子.doc》

下载本文的Word格式文档,以方便收藏与打印。