欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

简单的全选和反选功能以及选中传值实现

程序员文章站 2022-06-30 11:48:54
//两个按钮

//两个按钮

<input class="btn-primary" type="button" value="全选" id="selectbtn" onclick="selectall()"/>
<input class="btn-primary" type="button" value="反选" id="selectbtn1" onclick="reverse()"/>

//全选和反选方法

function selectall(){
$("#contenttable:checkbox").attr("checked",true);
$("#selectbtn").attr("onclick","reverse()");
}

function reverse(){
$("#contenttable:checkbox").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
$("#selectbtn").attr("onclick","selectall()");
}

//表单

<table id="contenttable" >
<tr>
<th></th><th>序号</th><th>...</th>
</tr>
<c:foreach items="${list}" var="list" varstatus="index">
<tr>
<td><input name="items" type="checkbox" value="${list.id}"/></td>
<td>${index.index+1}</td>

<td>...</td>
</tr>
</c:foreach>
</table>

 

//需要传入后台的id值

var ids="";
$("[name=items]:checkbox:checked").each(function(){
ids+=$(this).val()+",";
});