table 隐藏显示列

最新推荐文章于 2024-06-21 15:40:54 发布

找到快乐的根源

最新推荐文章于 2024-06-21 15:40:54 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： ajax+jquery+js系列

本文链接：https://blog.youkuaiyun.com/k8080880/article/details/8438291

ajax+jquery+js系列专栏收录该内容

110 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<script src="/inc/ajax/jquery.js"   type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){	
$(".jsj").hide();			
 $("#jsj_b").click(function(){	
if($("#jsj_b").attr('checked')==true) {
	 $(".jsj").hide();	
	}else{		
	 $(".jsj").show();	
		}});
});
</script>
</head>

<body>
<table width="600" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200" class="jsj">1</td>
    <td width="100"> </td>
    <td width="300"> </td>
  </tr>
  <tr>
    <td class="jsj">2</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td class="jsj">3</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td class="jsj">4</td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td class="jsj">5</td>
    <td> </td>
    <td> </td>
  </tr>
</table>
     
<input name="jsj_b" type="checkbox" id="jsj_b" checked="checked" />
隐藏结算价
</body>
</html>