JQuery动态隐藏和显示DIV
<head> <script language="javascript"> function HideWeekMonth() { $("#tt1").hide(); $("#tt2").hide(); } </script> </head> <body onLoad="HideWeekMonth()"> </body>
<td> <!-- 能用 <input /> <input /> --> <!-- 直接使用按钮的id没有问题 <input ></td> --> <input checked='checked'><?php echo $ini_array['time.one']?> <input ><?php echo $ini_array['time.day']?> <input ><?php echo $ini_array['time.week']?> <input ><?php echo $ini_array['time.month']?> <br> <!-- 能用 <div ></div> <div ></div> --> <div > <br> 1 <input type="checkbox" value="1" name="w1"> 2 <input type="checkbox" value="1" name="w2"> </div> <div > 03 <input type="checkbox" name="m3"> 04 <input type="checkbox" name="m4"> </div> </td> <!-- 绑定事件似乎要写在被绑定对象的后面 --> <script type="text/javascript" > $("#btnOne").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); }); $("#btnDay").bind("click", function(event) { $("#tt1").hide(); $("#tt2").hide(); }); $("#btnWeek").bind("click", function(event) { $("#tt1").show(); $("#tt2").hide(); }); $("#btnMonth").bind("click", function(event) { $("#tt1").hide(); $("#tt2").show(); }); </script>
以上代码之前,可能还要加上这句话: <script type="text/javascript" src="../../scripts/jquery.min.js"></script> 使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。 $("#id").css('display','none'); $("#id").css('display','block'); 或 $("#id")[0].style.display = 'none';