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

来源：互联网发布：个人隐私知乎编辑：程序博客网时间：2024/06/01 08:59

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

<script>    function checkYear() {        var selectValue = $("select[name='periodType']").val();        if(selectValue == 1){            $("#isPeriodYearHalf").hide();        }        if(selectValue == 2){            $("#isPeriodYearHalf").show();        }    }</script><pre name="code" class="java"><span>报表类型：     <select name="periodType" onchange="checkYear();">       <option value="1">年报</option>       <option value="2">半年报</option>     </select></span><span id="isPeriodYearHalf" style="display:none">报表半年：     <select name="periodYearHalf">        <option value="1">上半年</option>        <option value="2">下半年</option>     </select></span>

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

0 0