码迷,mamicode.com
首页 > Web开发 > 详细

JQuery操作TreeView的全选,反选

时间:2014-08-13 10:04:55      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   java   io   ar   cti   div   

1 <asp:TreeView ID="tv" runat="server" ExpandDepth="2" ShowCheckBoxes="All" 
2         ShowLines="True" ImageSet="Msdn" >
3     </asp:TreeView>

JavaScript部分代码

  1 $(
  2     function () {
  3         //顶级选择
  4         $("a[id^=‘content_tvt‘]").each(function (i, item) {
  5             var v = $(item).attr("href").split(‘\‘‘)[3].replace(/\\\\/g, ‘|‘);
  6             $(this).attr("data", v);
  7             $($("#" + $(this).attr("id").replace("tvt", "tvn") + "CheckBox")).attr("data", v);
  8             var vv = v.split(‘|‘).length;
  9             if (vv == 1) {
 10                 $(this).attr("href", "#").attr("onclick", "fun1(‘" + $(this).attr("id") + "‘,‘" + v + "‘)");
 11             }
 12             else if (vv == 2) {
 13                 $(this).attr("href", "#").attr("onclick", "fun2(‘" + $(this).attr("id") + "‘,‘" + v + "‘)");
 14             } else if (vv == 3) {
 15                 $(this).attr("href", "#").attr("onclick", "fun3(‘" + $(this).attr("id") + "‘,‘" + v + "‘)");
 16             }
 17         });
 18         //操作checkbox
 19         $(":checkbox").each(function (i, item) {
 20             $(this).attr("onclick", "fun(‘" + $(this).attr("id") + "‘)");
 21         });
 22     });
 23     //操作checkbox
 24     function fun(con) {
 25         var vv = $("#" + con).attr("data").split(‘|‘).length;
 26         if (vv == 1) {
 27             fun4(con);
 28         }
 29         else if (vv == 2) {
 30             fun5(con);
 31         } else if (vv == 3) {
 32             fun6(con);
 33         }
 34     }
 35     function fun4(con) {
 36         if ($("#" + con).is(":checked")) {
 37             $(":checkbox").attr("checked", "checked");
 38         }
 39         else {
 40             $(":checkbox").removeAttr("checked");
 41         }
 42     }
 43     function fun5(con) {
 44         var data = $("#" + con).attr("data");
 45         var dataArr = data.split(‘|‘);
 46         if ($("#" + con).is(":checked")) {
 47             $(":checkbox[data^=‘" + data + "‘]").attr("checked", "checked");
 48             $(":checkbox[data=‘" + dataArr[0] + "‘]").attr("checked", "checked");
 49             $(":checkbox[data^=‘" + dataArr[0] + "|‘]").each(function (i, item) {
 50                 if (!$(this).is(":checked")) {
 51                     $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
 52                 }
 53             });
 54         }
 55         else {
 56             $(":checkbox[data^=‘" + data + "‘]").removeAttr("checked");
 57             $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
 58         }
 59     }
 60     function fun6(con) {
 61         var data = $("#" + con).attr("data");
 62         var dataArr = data.split(‘|‘);
 63         if ($("#" + con).is(":checked")) {
 64             $("#" + con).attr("checked", "checked");
 65             $(":checkbox[data=‘" + dataArr[0] + "|" + dataArr[1] + "‘]").attr("checked", "checked");
 66             $(":checkbox[data^=‘" + dataArr[0] + "|" + dataArr[1] + "|‘]").each(function (i, item) {
 67                 if (!$(this).is(":checked")) {
 68                     $(":checkbox[data=‘" + dataArr[0] + "|" + dataArr[1] + "‘]").removeAttr("checked");
 69                 }
 70             });
 71             $(":checkbox[data=‘" + dataArr[0] + "‘]").attr("checked", "checked");
 72             $(":checkbox[data^=‘" + dataArr[0] + "|‘]").each(function (i, item) {
 73                 if (!$(this).is(":checked")) {
 74                     $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
 75                 }
 76             });
 77         }
 78         else {
 79             $("#" + con).removeAttr("checked");
 80             $(":checkbox[data=‘" + dataArr[0] + "|" + dataArr[1] + "‘]").removeAttr("checked");
 81             $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
 82         }
 83     }
 84     //操作文字
 85     function fun1(id, data) {
 86         if ($("#" + id.replace("tvt", "tvn") + "CheckBox").is(":checked")) {
 87             $(":checkbox").removeAttr("checked");
 88         }
 89         else {
 90             $(":checkbox").attr("checked","checked");
 91         }
 92     }
 93     function fun2(id, data) {
 94         var dataArr = data.split(‘|‘);
 95         if ($("#" + id.replace("tvt", "tvn") + "CheckBox").is(":checked")) {
 96             $(":checkbox[data^=‘" + data + "‘]").removeAttr("checked");
 97             $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
 98         }
 99         else {
100             $(":checkbox[data^=‘" + data + "‘]").attr("checked", "checked");
101             $(":checkbox[data=‘" + dataArr[0] + "‘]").attr("checked", "checked");
102             $(":checkbox[data^=‘" + dataArr[0] + "|‘]").each(function (i, item) {
103                 if (!$(this).is(":checked")) {
104                     $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
105                  }
106             });
107         }
108     }
109     function fun3(id, data) {
110         var dataArr = data.split(‘|‘);
111         if ($("#" + id.replace("tvt", "tvn") + "CheckBox").is(":checked")) {
112             $("#" + id.replace("tvt", "tvn") + "CheckBox").removeAttr("checked");
113             $(":checkbox[data=‘" + dataArr[0] + "|" + dataArr[1] + "‘]").removeAttr("checked");
114             $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
115         }
116         else {
117             $("#" + id.replace("tvt", "tvn") + "CheckBox").attr("checked", "checked");
118             $(":checkbox[data=‘" + dataArr[0] + "|" + dataArr[1] + "‘]").attr("checked","checked");
119             $(":checkbox[data^=‘" + dataArr[0] + "|" + dataArr[1] + "|‘]").each(function (i, item) {
120                 if (!$(this).is(":checked")) {
121                     $(":checkbox[data=‘" + dataArr[0] + "|" + dataArr[1] + "‘]").removeAttr("checked");
122                 }
123             });
124             $(":checkbox[data=‘" + dataArr[0] + "‘]").attr("checked", "checked");
125             $(":checkbox[data^=‘" + dataArr[0] + "|‘]").each(function (i, item) {
126                 if (!$(this).is(":checked")) {
127                     $(":checkbox[data=‘" + dataArr[0] + "‘]").removeAttr("checked");
128                 }
129             });
130         }
131     }
132     </script>

 

JQuery操作TreeView的全选,反选,布布扣,bubuko.com

JQuery操作TreeView的全选,反选

标签:style   blog   color   java   io   ar   cti   div   

原文地址:http://www.cnblogs.com/zhangzhongkui/p/3909147.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!