JQuery通过radio,select改变隐藏显示div
时间:2022-04-11 14:45
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" src="http://image.mamicode.com/info/202107/20210705181519424197.jpg" loading="lazy">
<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>