JQuery通过radio，select改变隐藏显示div

1）select下拉框控制div的隐藏与显示

script>
    function checkYear() {
        var selectValue = $("select[name='periodType']").val();
        if(selectValue == 1){
            $("#isPeriodYearHalf").hide();
        }
        if(selectValue == 2){
            $("#isPeriodYearHalf").show();
        }
    }

 
报表类型：
     
       年报
       半年报
     

报表半年：
     
        上半年
        下半年
     




2）radio单选框控制div的隐藏与显示



<script>
    $(function(){
        var isPermanentValue = $('input[name="isPermanent"]:checked ').val();
        if(isPermanentValue == 1){
            $("#validityPeriodTime").hide();
        }
        if(isPermanentValue == 0){
            $("#validityPeriodTime").show();
        }
        $(".merchantzc_radio").click(function(){
            var isPermanentValue = $('input[name="isPermanent"]:checked ').val();
            if(isPermanentValue == 1){
                $("#validityPeriodTime").hide();
            }
            if(isPermanentValue == 0){
                $("#validityPeriodTime").show();
            }
        })
    })
script>
<pre name="code" class="java"><li>
    <span>永久有效：span>
    <div>
        <div>
            <input type="radio" name="isPermanent"  class="merchantzc_radio" value="1">是
        div>
        <div>
            <input type="radio" name="isPermanent" checked class="merchantzc_radio" value="0">否
        div>
    div>
li>