当前位置: 移动技术网 > IT编程>开发语言>Jquery > 简单的全选和反选功能以及选中传值实现

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

2018年12月25日  | 移动技术网IT编程  | 我要评论

紫炎传txt,欢歌笑语造句,游园活动作文

//两个按钮

<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()+",";
});

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网