jsp中的js控制问题

[jackjboss]

<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不是很会！望各位大哥，大姐给小弟一个这样的例子！

[shiquanlong]

用div来控制，肯定可以的
如：在style样式中style="display:none",如想让他显示时document.all.想要隐藏的.style.display="";就ok了

[yzsunlight]

<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>

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

[jackjboss]

谢谢上面的答案！我也想给分，但是我也是0起点。请见谅，到时候有了补上！！！