<?php
if($_POST){
print_r($_POST['id']);
}
?>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
$(function() {
/**
* 自定义函数id
* function id(id){
* return $("#"+id);
* }
*/
var all = id("all");
var not = id("not");
var td = $(".checkbox_id");
var ischeck;
all.click(function () {
not.attr("checked",false)
if(all.attr("checked")==true){
ischeck = true;
}else{
ischeck = false;
}
$.each(td,function(){
$(this).attr("checked",ischeck);
});
});
not.click(function() {
all.attr("checked",false)
$.each(td,function(){
if($(this).attr("checked") == true){
$(this).attr("checked",false);
}else{
$(this).attr("checked",true);
}
});
});
});
</script>
<style type="text/css">
td {
text-align:center;
}
.left{
text-align:left;
}
</style>
<form method="post" action="">
<table style="margin-left:200px;">
<tr>
<th style="width:60px;" class="left"></th>
<th style="width:30px;">ID</th>
<th style="width:90px;">checkbox</th>
</tr>
<tr>
<td class="left"><input class="checkbox_id" type="checkbox" name="id[]" value="1" /></td>
<td>b</td>
<td>b</td>
</tr>
<tr>
<td class="left"><input class="checkbox_id" type="checkbox" name="id[]" value="2" /></td>
<td>c</td>
<td>c</td>
</tr>
<tr>
<td class="left"><input class="checkbox_id" type="checkbox" name="id[]" value="3" /></td>
<td>d</td>
<td>d</td>
</tr>
<tr >
<td class="left">
<input type="checkbox" id="all">全选</input><br>
<input type="checkbox" id="not">反选</input>
</td>
<td><input type="submit" value="提交"></td>
</tr>
</table>
</form>
分享到:
相关推荐
主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下
JQuery对checkbox的多选,全选,反选操作样例
jquery获取checkbox选中的值,包括全选 取消全选 反选 选中奇数行 获取选中的值
建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码 《————HTML————》 //thinkphp循环显示把data里fid赋予多选框 <td><input type=checkbox value={$vo.fid}/></td>//可在后面加td输入参数...
本文实例讲述了jQuery实现全选、反选和不选功能的方法。分享给大家供大家参考,具体如下: 适用于网页多选后需要进行批量操作的场景(如批量删除等)。如有问题希望大家可以指正。谢谢~~ HTML 我们的页面上有一个...
jQuery表格行全选反选单选代码是一款基于tableCheckbox.js插件实现的,鼠标点击表格行时候能选中行内的复选框,且当前行会高亮显示,支持shift多选。
本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者...
jQuery实现checkbox(复选框)选中、全选/反选代码: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><...
和大家分享一段基于jQuery实现checkbox列表全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的...
结合jQuery,能在页面上,使用shift键进行多选,checkbox等都可以使用。正选、连选、反选、全选