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

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