`
jerrymsj
  • 浏览: 12565 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
文章分类
社区版块
存档分类
最新评论

checkbox的多选与反选 jQuery 实现

阅读更多
<?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>
0
3
分享到:
评论

相关推荐

    jQuery实现checkbox全选、反选及删除等操作的方法详解

    主要介绍了jQuery实现checkbox全选、反选及删除等操作的方法,结合实例形式形式详细分析了jQuery针对checkbox多选按钮常见批量操作相关实现技巧,需要的朋友可以参考下

    jQuery操作checkbox

    JQuery对checkbox的多选,全选,反选操作样例

    jquery获取checkbox选中的值

    jquery获取checkbox选中的值,包括全选 取消全选 反选 选中奇数行 获取选中的值

    基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能

    建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码 《————HTML————》 //thinkphp循环显示把data里fid赋予多选框 &lt;td&gt;&lt;input type=checkbox value={$vo.fid}/&gt;&lt;/td&gt;//可在后面加td输入参数...

    jQuery实现全选、反选和不选功能的方法详解

    本文实例讲述了jQuery实现全选、反选和不选功能的方法。分享给大家供大家参考,具体如下: 适用于网页多选后需要进行批量操作的场景(如批量删除等)。如有问题希望大家可以指正。谢谢~~ HTML 我们的页面上有一个...

    jQuery表格行全选反选单选代码.zip

    jQuery表格行全选反选单选代码是一款基于tableCheckbox.js插件实现的,鼠标点击表格行时候能选中行内的复选框,且当前行会高亮显示,支持shift多选。

    jQuery实现全选、反选和不选功能

    本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者...

    jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

    jQuery实现checkbox(复选框)选中、全选/反选代码: 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;&lt;...

    jquery中checkbox使用方法简单实例演示

    和大家分享一段基于jQuery实现checkbox列表全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的...

    jquery.shiftcheckbox.js

    结合jQuery,能在页面上,使用shift键进行多选,checkbox等都可以使用。正选、连选、反选、全选

Global site tag (gtag.js) - Google Analytics