Jquery 1.8全选反选删除选中项实现

JQuery1.6以后,Prop的出现,让1.6以下的全选反选效果全部失效了。以下是修正后的版本:

全选反选效果:

    $(".checkbox").click(function () {

     $(‘input[type=checkbox]‘).prop(‘checked‘, $(this).prop(‘checked‘));
    });

找到选中项的JQ代码:

$("input:[type=‘checkbox‘][checked]")

JQ1.6以下的全选反选效果:

 if ($(this).attr("checked") == true) {
            $("input:[type=‘checkbox‘]").each(function () {
                //$("#IsSettle").val("true");
                $(this).attr("checked", "checked");

            });
        }
        else {
            $("input:[type=‘checkbox‘]").each(function () {
                //$("#IsSettle").val("false");
                $(this).removeAttr("checked");
            });

JQ1.6以下的找到选中项的代码:

$("input:[type=‘checkbox‘][checked]")
时间: 2024-10-29 06:35:12

Jquery 1.8全选反选删除选中项实现的相关文章

php对表格进行批量操作如全选反选删除功能

<!DOCTYPE> <html> <head> <meta http-equiv="content-type" content="text/html" charset="utf-8"> <title>Select All</title> <style> table{ border:#999 1px solid; border-collapse:collapse;

checkbox的全选,取消全选,获得选中值

<html> <head> <title>jq全选以及获得选中项的值</title> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.4.1/jquery.js"></script> <script> $(function() { $("#select").click

jquery 全选 反选 取消 批量删除

首选引入jquery 全选 //全选 function myall(){ $("input[name='d[]']").each(function(index,e){ $(this).prop('checked',true); }); } 取消 //当true改为false时为取消 // function no(){ // $("input[name='d[]']").each(function(index,e){ // $(this).prop('checked'

jQuery实现checkbox(复选框)选中、全选反选代码

谁都知道 在html 如果一个复选框被选中 是 checked="checked". 但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 所以很多朋友判断  if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr

jQuery实现全选/反选和批量删除

//全选/全不选 $(function(){ //初始化时候,删除按钮隐藏 $("input[name='Delete'").css("display",'none'); $("#CheckAll").bind("click",function(){ $("input[name='Check[]']").prop("checked",this.checked); //显示删除按钮 if(

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

适用于网页多选后需要进行批量操作的场景(如批量删除等).如有问题希望大家可以指正.谢谢~~ HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮 <ul id="list"> <li><label><input type="checkbox" value="1"> 1.时间都去哪儿了</label></li> <l

jquery实现全选/反选功能

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多选框全选/反选</title> <script src="http://res01.xesimg.com/jquery/jquery.min.js">&l

jQuery 复选框全选/取消全选/反选

jQuery实现的复选框全选/取消全选/反选及获得选择的值. 完整代码: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(fun

dView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合

第一步,显示checkbox按钮: 点击AspxGridView的columns,你可以直接选择增加一行Command Column或者随便选择一种然后点击Change To Commadn Column;默认的ShowSelectCheckBOx是true,我们可以不用管,这样你就看到每行都有checkBox按钮了. 第二步,表头部显示CheckBox,点击实现全选|反选功能: 我们切换回源代码,找到AspxGridView的GridViewCommandColumn列,在该列中增加 <Hea