导入JQ的包
这是导入菜鸟教程的jq包
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
jq代码
<script type="text/javascript">
$(function() {
var i=false;
//全选操作
$("#all").on("click",function(){
if(i==false){
//选中方式不同,详细的可以参考jq手册
$("input[name='id']").prop("checked",true);
i=true;
}else{
$("input[name='id']").prop("checked",false);
i=false;
}
});
//反选操作
$("#Rev").on("click",function(){
$("[type=checkbox]:checkbox").each(function() {
this.checked = !this.checked;
i=!i;
});
});
//全不选操作
$("#allNot").on("click",function(){
$("input[name='id']").prop("checked",false);
i=false;
});
});
</script>
这里将true和false赋给i。如果直接用true和false的话,点击多选按钮,然后再点击反选/全不选后,要再点击两次全选按钮才有效(解决的办法没找到),所以就用i来代替true和false,每次点击后,都清空一下状态。
<td colspan="*">
批量操作:
<input type="button" value="全选" id="all" />
<input type="button" value="反选" id="Rev" />
<input type="button" value="全不选" id="allNot" />
</td>
<!-- 下面这个是多选框的写法 -->
<input type="checkbox" name="id">