基於收音機選擇顯示字段

Question

如何選擇僅允許字段「名稱」和「電子郵件」僅在單選按鈕「教授」時顯示？有人可以告訴我如何在jQuery中做到這一點？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(':radio[name="addType"]').click(function() { 

    $('#name-and-email-container').toggle(':not(:radio[value="Professor"]:checked)'); 

}); 
</script> 
<?php 
require_once('inc/dbc1.php'); 
$pdo = new PDO('mysql:host=####;dbname=###', $username, $password); 
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); 
$sth = $pdo->prepare(' 
    SELECT name 
    FROM Department 
    ;'); 
$sth->execute(array()); 
?> 
<div id="popup_name" class="popup_block"> 
    <h2 style="padding:0; margin:0;">Add a:</h2><br> 
    <form action="inc/add_p_c_validate.php" method="post" id="addition"> 
     Professor<input type="radio" name="addType" value="Professor" /> 
     &nbsp;&nbsp;Course<input type="radio" name="addType" value="Course" /> 

     <div id="name-and-email-container"> 
      <br><br>Name: <input type="text" name="name" /><br> 
      Department: <select name="deptName" id="deptName"><?php while($row = $sth->fetch(PDO::FETCH_ASSOC)) {echo "<option>".$row['name']." "."</option>";} ?></select> 
      Email: <input type="text" name="email" /><br></div><br> 
     <input type="submit" name="submit" /> 
    </form> 
</div><!--popup_name--> 

Answer 1

將難以在與您當前HTML的時刻，尤其是你的標籤是不label元素。

而是將名稱和電子郵件輸入及其各自的標籤包裝在它們自己的元素中。

$(':radio[name="addType"]').click(function() { 
    $('#name-and-email-container').toggle(':not(:radio[value="Professor"]:checked)'); 
}); 

jsFiddle。