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

最新推荐文章于 2024-06-19 19:13:30 发布

原创最新推荐文章于 2024-06-19 19:13:30 发布 · 943 阅读

0 ·

CC 4.0 BY-SA版权

jsp 同时被 3 个专栏收录

7 篇文章

订阅专栏

HTML

7 篇文章

订阅专栏

5 篇文章

订阅专栏

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

<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>