checkbox：click事件触发文本框显示隐藏

最新推荐文章于 2020-04-08 16:58:18 发布

weixin_30808253

最新推荐文章于 2020-04-08 16:58:18 发布

阅读量354

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sunxirui00/p/7500646.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>checkbox</title>
    <script src="jquery.js"></script>
</head>
<body>
<form action="#" id="form">
    <input type="checkbox" name="city" value="南京">南京
    <input type="checkbox" name="city" value="北京">北京
    <input type="checkbox" name="city" value="纽约">纽约
    <input type="checkbox" name="city" value="其他" id="other" οnclick="change()">其他
    <input type="text" style="display: none" id="txt">
</form>
<script>
//    jQuery
//    $(function () {
//        $("#other").click(function () {
//            if($(this).attr("checked")){
//                $("#txt").css("display","block")
//            }else {
//                $("#txt").css("display","none")
//            }
//        })
//    })
//    原生JS
function change() {
    var other = document.getElementById("other");
    var txt = document.getElementById("txt");
    if (other.checked == true) {
        txt.style.display = "block";
    }else{
        txt.style.display = "none";
    }
}
</script>
</body>
</html>

如果用js改变checkbox的值，onchange不会被触发。
事件一般是监听用户的动作，用js改不属于用户动作。
另：document.getElementById("otherRoute").checked=true;
都在js改变checkbox的值了，在这句的后面就执行onchange方法的内容不就行了，就酱

转载于:https://www.cnblogs.com/sunxirui00/p/7500646.html

weixin_30808253

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
checkbox：click事件触发文本框显示隐藏

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>checkbox</title> <script src="jquery.js"></script></head&g...
复制链接

扫一扫