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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_36092584/article/details/52740681

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>