Javascript 如何使用不同的Radio按钮在jquery中按类或id显示不同的div

我有一些单选按钮，它们是从mysql查询中获取值和类。 查询如下：

<?php
$result = mysql_query("SELECT * FROM vhcourse WHERE label_id= 1");
while ($row = mysql_fetch_array($result)) {
    if ($row['id']==1) {
        $class="class='course_radios'";
    } elseif ($row['id']==2) { 
        $class="class='course_radios_tw'";
    } else {
        $class="class='course_radios_thr'";
    }
    echo "<input type='radio' ".$class." name='vh_course_radio' value=".$row['course_name'].">" .$row['course_name'];
}
?>

---

如果我的理解正确的话。试试这个

$('input[name=vh_course_radio]').on('change',function(){        
    if($(this).hasClass('course_radios')){$('div#one').fadeIn();}
    if($(this).hasClass('course_radios_tw')){$('div#two').fadeIn();}
    if($(this).hasClass('course_radios_thr')){$('div#three').fadeIn();}
});

---

只需将代码复制到文件中并运行即可

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$( document ).ready(function() {

 $(".course_radios").click(function(){
      $( "#one" ).fadeIn( "slow", function() {  });
 });

 $(".course_radios_tw").click(function(){
      $( "#two" ).fadeIn( "slow", function() { });
 });

 $(".course_radios_thr").click(function(){
      $( "#three" ).fadeIn( "slow", function() { });
 });
});
</script>


 <input type="radio" class="course_radios" name="div-fade" value="one" > first div <br/>
 <input type="radio" class="course_radios_tw"  name="div-fade2" value="two" >  second div<br/>
 <input type="radio" class="course_radios_thr"  name="div-fade3" value="three" >third div<br/>


<div id="one" style="display: none; border:1px solid red;"> div 1</div>
<br>
<div id="two" style="display: none; border:1px solid red;">div 2</div>
<br>
<div id="three" style="display: none; border:1px solid red;">div 3</div>

$（文档）.ready（函数（）{
$（“.course\u radios”）。单击（函数（）{
$（“#one”）.fadeIn（“slow”，function（）{}）；
});
$（“.course\u radios\u tw”）。单击（函数（）{
$（“#two”）.fadeIn（“slow”，function（）{}）；
});
$（“.course\u radios\u thr”）。单击（函数（）{
$（“#三”）.fadeIn（“慢”，function（）{}）；
});
});
第一部分

第二部分

第三组

第一组


第2组


第3组