jquery checkbox选中显示div 没选中隐藏div,该怎么解决-JavaSript-爱易网页

jquery checkbox选中显示div 没选中隐藏div,该怎么解决

日期：2014-05-16　浏览次数：20421 次

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>