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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章