关于 全选和全不选的问题,

问题描述

AAAAABBBBBCCCCC这种结构的,点A下面的A全部选中,点B下面的B全部选中....反之,全不选;

解决方案

解决方案二:
<headrunat="server"><title>无标题页</title><scripttype="text/javascript">functionclient_OnTreeNodeChecked(){varobj=window.event.srcElement;vartreeNodeFound=false;varcheckedState;if(obj.tagName=="INPUT"&&obj.type=="checkbox"){vartreeNode=obj;checkedState=treeNode.checked;do{obj=obj.parentElement;}while(obj.tagName!="TABLE")varparentTreeLevel=obj.rows[0].cells.length;varparentTreeNode=obj.rows[0].cells[0];vartables=obj.parentElement.getElementsByTagName("TABLE");varnumTables=tables.lengthif(numTables>=1){for(i=0;i<numTables;i++){if(tables[i]==obj){treeNodeFound=true;i++;if(i==numTables){return;}}if(treeNodeFound==true){varchildTreeLevel=tables[i].rows[0].cells.length;if(childTreeLevel>parentTreeLevel){varcell=tables[i].rows[0].cells[childTreeLevel-1];varinputs=cell.getElementsByTagName("INPUT");inputs[0].checked=checkedState;}else{return;}}}}}}</script></head><body><formid="form1"runat="server"><div><asp:TreeViewID="TreeView1"runat="server"onclick="client_OnTreeNodeChecked()"ShowCheckBoxes="All"><Nodes><asp:TreeNodeText="A"Value="A"><asp:TreeNodeText="AA"Value="AA"></asp:TreeNode><asp:TreeNodeText="AAA"Value="AAA"></asp:TreeNode></asp:TreeNode><asp:TreeNodeText="B"Value="B"><asp:TreeNodeText="BB"Value="BB"></asp:TreeNode><asp:TreeNodeText="BBB"Value="BBB"></asp:TreeNode></asp:TreeNode></Nodes></asp:TreeView></div></form></body>
解决方案三:
有种方式叫遍历,还有种方式叫循环
解决方案四:
1,分析html结构2,写脚本-------------------<p><inputonclick='MultiCheck(this)'type="checkbox"/></p><div><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/></div><p><inputonclick='MultiCheck(this)'type="checkbox"/></p><div><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/></div><p><inputonclick='MultiCheck(this)'type="checkbox"/></p><div><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/></div><p><inputonclick='MultiCheck(this)'type="checkbox"/></p><div><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/></div><p><inputonclick='MultiCheck(this)'type="checkbox"/></p><div><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/><inputtype="checkbox"/></div><script>functionMultiCheck(o){varcbks=o.parentNode.nextSibling.getElementsByTagName("input");for(i=0;i<cbks.length;i++){cbks[i].checked=o.checked;}}</script>

解决方案五:
学习了...

时间: 2024-12-22 13:46:34

关于 全选和全不选的问题,的相关文章

javascript 全选反选: 全选/反选/局部选择

全选: selectAll(obj) {  for (var i = 0; i < obj.elements.length; i++) {  if (obj.elements[i].type == "checkbox") {  obj.elements[i].checked = true;  }  }  }  多选框反选 selectOther(obj) {  for (var i = 0; i < obj.elements.length; i++) {  if (obj.

JavaScript全选和全消代码

如果当前选中的数量为有一个没有选中,并且全选框是选中状态,则将全选框的状态变为不选择 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>   <TITLE>JavaScript全选(全消),动态全选全消</TITLE>   <script type="text/javascript" language

html中的javascript 全选/取消全选操作示例代码

全选/取消全选在批量操作数据时经常会使用到,下文有个不错的示例使用js完成全选/取消全选操作,感兴趣的朋友可以参考下     复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="tex

jquery复选框全选/取消示例

 jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态  功能:   a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态   b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中 代码如下: /**  * 全选函数  * @param mainId 主复选框id  * @param klass 下属复选框的class  */ function selectAll(mainId,klass){  $(

使用js如何实现全选与全不选

 全选与全不选在管理界面还是比较实用的,下面通过checkAll与clearAll两个函数来轻松实现,感兴趣的朋友不要错过 js:  代码如下: function checkAll(name) {  var el = document.getElementsByTagName('input');  var len = el.length;  for(var i=0; i<len; i++){  if((el[i].type=="checkbox") && (el[

jQuery实现复选框全选/取消全选/反选及获得选择的值

  这篇文章主要介绍了jQuery实现的复选框全选/取消全选/反选及获得选择的值,需要的朋友可以参考下 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(docu

JavaScripst效果:全选、全不选、反选

正文 代码如下: <!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>[JavaScripst效果]全选.全不选.反选</title>     <style>         h2, ul, p { margin: 0; padding: 0; }         ul { lis

新手学JavaScript(四)----CheckBox全选与全不选

    前两天开发界面时,实现了一个新的小功能,CheckBox复选框的全选与全不选 样式的实现 纯CSS实现 VS JQuery+CSS实现     在这给大家推荐一款比较不错的纯CSS实现的CheckBox–CSSCheckBox,用bootstrap里面自带的checkbox和radio样式不太美观,所以就另找了一个插件,这里大家可能会有疑问,为什么要找一个纯CSS实现的CheckBox?     在这里给大家解释一下,如果说你找的Checkbox是用CSS+Javascript实现的话,

android开发-购物车选择商品,checkbox全选和全取消问题

问题描述 购物车选择商品,checkbox全选和全取消问题 最近在做一个购物项目,在实现选中商品时,选择了使用checkbox进行实现,我现在想实现一个效果就是点击所有条目后,全选按钮自动打钩,当取消其中一个商品后取消全选打钩状态,经过测试发现是因为我在通过setcheck()方法改变checkbox状态时,自动调用了checkbox监听,将所有的条目都取消了选中状态,相当烦人,求大神告知有没有解决方案,最好能给个demo 解决方案 http://blog.sina.com.cn/s/blog_

easyui的复选框全选要选中所有的记录,

问题描述 easyui的复选框全选要选中所有的记录, 表格是有带分页控件的,全选框要选中所有的记录,比如有5页,要选中5页的内容,急等!! 解决方案 分页?自己用个全局遍历记录所有选中的记录才行,分页后调用getChecked只能获取当前页的 解决方案二: 你好的,你说的5页不是五条记录的意思吧?如果不是的话你说的这个是无法实现的,页面上就只能选择显示的那些, 你看不见的那些是选中不了的.不要误以为所有的数据都返回到前台了,只是你看的那页,所以你能做的就只能是选中当前页中的所有记录哦