JS原生选择框控制其他地方显示与隐藏

最新推荐文章于 2023-12-20 09:06:26 发布

要注重细节

最新推荐文章于 2023-12-20 09:06:26 发布

阅读量337

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_44634661/article/details/105814900

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JS原生选择框控制其他地方显示与隐藏


<body>
    <div>
        <input id="t1" type="checkbox" onclick="test('yes')">
        有
    </div>
    <div>
        <input id="t2" type="checkbox" checked onclick="test('no')">
        无
    </div>
    <div>
        <textarea name="" id="t3" cols="30" rows="10"></textarea>
    </div>
    <button onclick="open()"></button>
</body>
<style>
    textarea {
        border: 1px solid #000000;
    }
</style>
<script>
	
    document.getElementById("t3").style.visibility = "hidden";

    function test(parm) {
        var X = document.getElementById('t1')
        var Z = document.getElementById('t2')
        var Y = document.getElementById('t3')
        console.log(parm)
        if (parm === 'yes') {
            Y.style.visibility = "visible"
            Z.checked = false
        } else {
            Y.style.visibility = "hidden"
            X.checked = false
        }
        if (!X.checked){
            document.getElementById("t3").style.visibility = "hidden";
        }

    }
    
</script>

</html>