监管 radio按钮是否被点击，并且在点击后显示隐藏对应标签

最新推荐文章于 2023-07-22 21:22:56 发布

Da_Lian_

最新推荐文章于 2023-07-22 21:22:56 发布

阅读量890

点赞数

分类专栏： jq jsp HTML

本文链接：https://blog.csdn.net/Programmer_FuQiang/article/details/104937598

版权

jsp 同时被 3 个专栏收录

7 篇文章 1 订阅

订阅专栏

HTML

7 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

本文介绍了一种使用JavaScript和jQuery来控制网页上特定元素显示与隐藏的方法。通过监听单选按钮的选择变化，实现对带有特定类名的div元素进行显示或隐藏的操作，从而为用户提供动态的网页交互体验。

摘要由CSDN通过智能技术生成

<body>
   <p class="audi" id="audi" >
        <input type="radio" value="1" name="select" checked="checked">隐藏
        <input type="radio" value="2" name="select">显示
   </p>
   <div class="bohui">
哈哈哈哈哈哈看看效果
   </div>
</body>

<script>
//$(".audi").change(function() {//这个是获取div中class内容
$("#audi").change(function() {//这个是获取div中id内容
    var val = $('input:radio[name="select"]:checked').val();
    console.log(val);
    if(val == 1) {
        //点击隐藏后隐藏此模块
        $(".bohui").hide();
    } else if(val == 2) {
        //点击显示后展示此模块
        $(".bohui").show();
    }
})

</script>