成年人的在线免费视频,婷婷91精品国产91久久综合,人妻精品人妻888,性感美女视频一区二区三区,国产熟女精品视频免费看,国内精品九九久久精品小草,中文字幕日韩精品欧美丝袜,午夜精品久久久久蜜桃毛片,91久久在线视频观看

原理一樣，我用diy字段

diy字段，寫js顯示和隱藏，樓上應(yīng)該是這種原理？？

記得引入JQUERY.JS

原理很簡單，先隱藏所有，在顯示指定的那一個

大概如下寫法，還可以更優(yōu)化，自己舉一反三，去看一下JS的更多寫法

  <label class="radio-inline">
    <input type="radio" name="b_type" value="A" > A
  </label>
  <label class="radio-inline">
    <input type="radio" name="b_type" value="B" > B
  </label>
  <label class="radio-inline">
    <input type="radio" name="b_type" value="C" > C
  </label>
  <label class="radio-inline">
    <input type="radio" name="b_type" value="D" > D
  </label>



<div id="person-block-A" class="block-div">AAA</div>
<div id="person-block-B" class="block-div">BBB</div>
<div id="person-block-C" class="block-div">CCC</div>
<div id="person-block-D" class="block-div">DDD</div>

<script>
$('input[type="radio"][name="b_type"]').on('change',function(){
  var sel = $(this).val();
    $('.block-div').hide();
    $('#person-block-'+sel).show();
});
</script>