Jquery隐藏状态栏信息!
发布网友
发布时间：2022-04-24 15:04
共1个回答
热心网友
时间：2022-04-24 16:34
<html>
<head>
<script language="javascript" src="http://www.cnjquery.com/demo/jquery.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function() {
$("#hide").click(function(){
$("input[type='checkbox']").each(function(){
if($(this).attr("checked"))
{
$(this).next().hide();
}
})
})
})
//-->
</SCRIPT>
</head>
<body>
<input id="1" type="checkbox"/><div style="display:inline" name="1">第一个层</div><br>
<input id="2" type="checkbox"/><div style="display:inline" name="2">第二个层</div><br>
<input id="3" type="checkbox"/><div style="display:inline" name="3">第三个层</div><br><br>
<input type="button" value="隐藏" ID="hide" />
</body>
</html>
参考资料：http://www.cnjquery.com/html/JQueryshili/200808/08-583.html
