html 中如何实现勾选后显示指定DIV

html 中如何实现勾选后显示指定DIV,第1张

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>:checked</title>

<style type="text/css">

div {

   display:none

}

</style>

<!--使用:checked判断就可以了,如果选择上就返回true,不是返回false,用show显示,用hide隐藏(深圳网站建设:www.sz886.com)-->

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(e) { 

    $("#Aaa").click(function(){

         if($(this).is(":checked")){

    $(".zl").show()

  }else{

$(".zl").hide()

 }

    })

       

 

})

</script>

</head>

 

<body>

<label><input id="Aaa" type="checkbox" class="xi">资料补充。</label>

<div class="zl">填写资料</div>

</body>

</html>

<div class="register_p">

    <input name="" type="checkbox" value="" onclick="ck(this)" />&nbsp 通过邀请码注册</div>

<div class="field">

    <label>邀请码</label>

    <input class="width4" type="text" value="" onfocus="clearText(this)" onblur="clearText(this)" />

</div>

</div>

<script>

    var ck = function(dom) {

       var div = dom.nextElementSibling

        if (dom.checked) {

         div.style.display = "block"

        }else{

         div.style.display = "none"

        }

    }

</script>

勾选框隐藏了你怎么勾选,勾选框就是<input name="xx" type="checkbox" value="" />,如果是隐藏的那就把type="checkbox"换成type="hidden"就可以。

没有隐藏的勾选框一说


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7456699.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存