例如,仅在选择“教授”单选按钮时才允许显示“姓名”和“电子邮件”字段?有人可以告诉我如何在 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" />
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-->
最佳答案
目前使用您当前的 HTML 会很困难,特别是因为您的标签不在 label
元素中。
相反,将姓名和电子邮件输入及其各自的标签包装在自己的元素中。
$(':radio[name="addType"]').click(function() {
$('#name-and-email-container').toggle(':not(:radio[value="Professor"]:checked)');
});
jsFiddle .
关于php - 根据广播选择要显示的字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5724535/