通过选择单选按钮显示隐藏div，使用jquery

问题描述：

如何在选择单选按钮时显示div？通过选择单选按钮显示隐藏div，使用jquery

点击单选按钮的事件是什么？

<head> 
<script src="http://code.jquery.com/jquery.js"></script> 
<style > 
</style> 

<script type="text/javascript"> 
$(".static_class").click(function(){if($(this).val()==="Yes") $("#extra").show("fast"); else $("#extra").hide("fast");}); 
</script> 
</head> 
<body> 
<input id="r1" type="radio" name="14" value="Yes" class="static_class style1" /> 
&nbsp;Yes<br /> 

<input id="r2" type="radio" name="14" value="No" class="static_class style1" />&nbsp;No<br /> 

<div id="extra"> <br /><label>If yes, please specify.</label> <input id="email" type="text" class="style" /></div> 

</body>

答

您的代码似乎是好的，但要确保把你的代码中ready处理：

<script type="text/javascript"> 
    $(function(){ 
    $(".static_class").click(function(){ 
     if($(this).val() === "Yes") 
     $("#extra").show("fast"); 
     else 
     $("#extra").hide("fast"); 
    }); 
    }); 
</script>

通过选择单选按钮显示隐藏div，使用jquery

相关推荐