jsp中的js控制问题-CSDN论坛

⋅MFC怎么画铁路和公路？ ⋅跪求用java实现在linux环境下备份mysql数据库 ⋅tomcat中配置jdk的作用? 更多帖子 关注私信空间博客 jackjboss 本版专家分：106 结帖率 97.56%: <table border="1" id="myTable">
            <tr>
                <td>选择</td>
                <td><input type="checkbox" name="lie">姓名</td>
                <td><input type="checkbox" name="lie">性别</td>
                <td><input type="checkbox" name="lie">年龄</td>
                <td><input type="checkbox" name="lie">毕业学习</td>
                <td><input type="checkbox" name="lie">电话</td>
            </tr>

            <tr>
                <td>
                 <input type="checkbox">
                </td>
                <td>
                    1
                </td>
                <td>
                   <div>1</div>
                </td>
                <td>
                    1
                </td>
                <td>
                    1
                </td>
                <td>
                    1
                </td>
            </tr>
            <tr>
               <td>
               <input type="checkbox">
                </td>
                <td>
                    1
                </td>
                <td>
                    2
                </td>
                <td>
                    1
                </td>
                <td>
                    1
                </td>
                <td>
                    1
                </td>
            </tr>
            <tr>
               <td>
               <input type="checkbox">
                </td>
                <td>
                    1
                </td>
                <td>
                    2
                </td>
                <td>
                    1
                </td>
                <td>
                    1
                </td>
                <td>
                    1
                </td>
            </tr>
        </table>
   <input type="button" value="确定" onclick="">
怎么可以达到这样的效果，也就是我点击确定的时候把我没选中的checkbox的那些行，还有没选中的那些列隐藏起来！怎么可以用js来写呢？我对js的table不是很会！望各位大哥，大姐给小弟一个这样的例子！

0 2009-04-26 17:08:57

回复数 3 只看楼主引用举报楼主

⋅请问一下，Java怎样解析民航AFTN网报文 ⋅Oracle 10g网上报价中，20user是啥意义？ ⋅struts2怎样获取mac地址？等 更多帖子 关注私信空间博客 shiquanlong 本版专家分：222: 用div来控制，肯定可以的
如：在style样式中style="display:none",如想让他显示时document.all.想要隐藏的.style.display="";就ok了

0 2009-04-26 18:58:51

只看TA 引用举报 #1 得分 1

⋅weblogic https 配置错误 ⋅求两个经纬度范围内的数据 ⋅outlook 原PST文件导入 更多帖子 关注私信空间博客 yzsunlight 本版专家分：3753





<table border="1" id="myTable"> 

            <tr> 

                <td>选择 </td> 

                <td> <input type="checkbox" name="lie">姓名 </td> 

                <td> <input type="checkbox" name="lie">性别 </td> 

                <td> <input type="checkbox" name="lie">年龄 </td> 

                <td> <input type="checkbox" name="lie">毕业学习 </td> 

                <td> <input type="checkbox" name="lie">电话 </td> 

            </tr> 

          

            <tr> 

                <td> 

                <input type="checkbox" name="hang"> 

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                  2

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    1 

                </td> 

            </tr> 

            <tr> 

              <td> 

              <input type="checkbox" name="hang"> 

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    3

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    1 

                </td> 

            </tr> 

            <tr> 

              <td> 

              <input type="checkbox" name="hang"> 

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    4

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    1 

                </td> 

                <td> 

                    1 

                </td> 

            </tr> 

        </table> 

  <input type="button" value="确定" onclick="hiddTr()"> 





  <script>

	function hiddTr()

	{

		

		

	     var elements=document.getElementsByName("hang");//取得所有名为hang的元素

    	 

	     var count=elements.length;//获得长度



	     for(var i=0;i<count;i++)

	     {

    	    if(elements[i].type=="checkbox"&&!elements[i].checked)//未选种

    	    {

    			myTable.rows[i+1].style.display='none';

				continue;

    	    }

			

			

		

			if(elements[i].type=="checkbox"&&elements[i].checked)//选种

    	    {

				var cellElement=document.getElementsByName("lie");

				var cellCount=cellElement.length;

				for(var j=0;j<cellCount;j++)

				{   

					

					if(!cellElement[j].checked)

					{

						var cIndex=cellElement[j].parentElement.cellIndex;

						myTable.rows[i+1].cells[j+1].style.display='none';

						myTable.cells[j+1].style.display='none';

					}

				}

    	    }

	     }









		 



		 myTable.rows[0].style.display='';

	}

  </script>

自己看懂代码在优化一下里面循环列的可以在优化

0 2009-04-26 19:21:55

只看TA 引用举报 #2 得分 1

jackjboss 本版专家分：106: 谢谢上面的答案！我也想给分，但是我也是0起点。请见谅，到时候有了补上！！！

0 2009-04-26 21:01:53

只看TA 引用举报 #3 得分 0

jsp中的js控制问题 [问题点数：2分，结帖人jackjboss]