根据无线电选择要显示的字段
Choosing Fields to Display Based on Radio
我如何去,例如,只允许字段'name'和'email'显示,只有当单选按钮"教授"被选中?有人能告诉我怎么用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 .
相关文章:
- 如果选择单选按钮,则显示字段
- 将单击事件添加到显示字段
- 如何在android中提取和显示字段
- yii2:依赖于Action的条件显示/显示字段
- ExtJs组合框显示字段编码
- 用于显示字段的工具提示和显示 Jquery 验证中的错误的工具提示器
- 根据输入值隐藏/显示字段
- 实时表编辑其他 mySQL 表中的显示字段
- ExtJS 5:显示字段绑定性能
- EXT JS :在组合框中,如何为不在存储中的记录设置显示字段
- 带有模板的显示字段
- ExtJS 4 组合框在表单绑定上显示值字段而不是显示字段
- web2py控件窗体,选择选项时显示字段
- HTML表单根据所选内容切换隐藏/显示字段
- 隐藏和显示字段集
- 如何制作html5和java脚本中所需的显示字段?下面是我的代码
- Javascript:阻止浏览器在按下向下键时显示字段的输入历史记录
- 反应 ― 显示字段但获取对象
- 如何根据编辑页上复选框中的值隐藏和显示字段
- 在asp.net中选择单选按钮值时隐藏/显示字段