laravel 全选反选

最新推荐文章于 2024-01-23 19:19:19 发布

原创最新推荐文章于 2024-01-23 19:19:19 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

laravel 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种使用jQuery简化批量选择复选框的方法。通过为所有需要批量操作的复选框设置统一的class，再利用jQuery的事件绑定，实现了一个复选框控制多个复选框的选择状态。此技巧适用于需要进行批量操作的表格或列表场景。

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

给input设置一个class

<input type="checkbox" class="all">
@foreach($info as $v)
 <tr align="center">
    <td>
    <input type="checkbox" value="{{$v->id}}" class="ids" name="check">
     </td>
    <td  class="id">
     {{$v->id}}
     </td>
 </tr>
@endforeach

jq事件

<script src="jq.js">
	//当点击设置好的class
	$('.all').click(function(){
		if (this.checked) {  ////this指当前对象

            $("[name=check]:checkbox").prop("checked", true); 
        }else {

            $("[name=check]:checkbox").prop("checked", false);
        }	
		
	})
</script>