select选中之后隐藏div

最新推荐文章于 2024-02-21 17:19:28 发布

kakaxiD

最新推荐文章于 2024-02-21 17:19:28 发布

阅读量3.6k

点赞数 1

分类专栏：个人日记文章标签： select

本文链接：https://blog.csdn.net/kakaxiD/article/details/71129786

版权

个人日记专栏收录该内容

108 篇文章 1 订阅

订阅专栏

<body>
<div>
    <select class="selectchange" onchange='btnChange(this[selectedIndex].value);' name="" id="selectchange">
        <option name="mobai" value="1">摩拜</option>
        <option name="yellow" value="2" selected >小黄</option>
    </select>
    <div id="info" >
        <div><input type="checkbox" name="apple" />苹果</div>
        <div><input type="checkbox" name="apple" checked="checked"/>苹果</div>
        <div><input type="checkbox" name="apple"/>苹果</div>

    </div>
</div>
</body>

<script src="js/jquery-2.1.1.js"></script>
<script>
    function btnChange(values){
        if (values == "2") {
            $("#info").css("display","none");
            $("input[type='checkbox']").removeAttr("checked");
        }else if(values == "1"){
            $("#info").css("display","block");
        }
    }
</script>