读书人

jquery checkbox选中 显示div 没选中隐

发布时间: 2012-03-19 22:03:05 作者: rapoo

jquery checkbox选中 显示div 没选中隐藏div
界面 有

<INPUT name="checkboxN" value="1" type="checkbox">


<DIV style="DISPLAY: none" id="saveSearchIdd">
ddddd
</div>

想问用jquery 怎么做,才能实现 选中之后div 就显示出来,没选中状态就隐藏起来呢?

[解决办法]

HTML code
<INPUT name="checkboxN"  id="checkboxN"  value="1"  type="checkbox" onclick="dis()"><script>function dis(){var obj=document.getElementById("checkboxN");if (obj.checked) document.getElementById("saveSearchIdd").style.display="block";else document.getElementById("saveSearchIdd").style.display="none";}</script>
[解决办法]
JScript code
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.2.js"></script><script language="javascript" type="text/javascript">    $(function () {        $("#checkboxN").click(function () {            if ($("#checkboxN").is(":checked")) {                $("#saveSearchIdd").css("display", "block");            }            else {                $("#saveSearchIdd").css("display", "none");            }        });    });</script> 

读书人网 >JavaScript

热点推荐