Php 用单选按钮选择表单
假设我想让用户填写多个表单，但首先他们必须选择一个带有单选按钮的选项 这是非常粗糙的，但为了举例，必须这样做。 当用户在页面上时，他们应该只看到几个单选按钮。雄性、雌性、狗和猫 这是可用选项的示例代码Php 用单选按钮选择表单,php,html,forms,radio-button,Php,Html,Forms,Radio Button,假设我想让用户填写多个表单，但首先他们必须选择一个带有单选按钮的选项 这是非常粗糙的，但为了举例，必须这样做。 当用户在页面上时，他们应该只看到几个单选按钮。雄性、雌性、狗和猫 这是可用选项的示例代码 <fieldset> <input type="radio" name="male" value="male"> Male <input type="radio" name="female" value="female"> Fem
<fieldset>
<input type="radio" name="male" value="male"> Male
<input type="radio" name="female" value="female"> Female
<input type="radio" name="dog" value="dog"> Dog
<input type="radio" name="cat" value="cat"> Cat
</fieldset>
我假设它是php和javascript的混合体，如果不是更多的话，我不是这两种语言中最先进的。我感谢您的帮助，如果我不够具体，请告诉我。正如mihai所说，纯javascript或jQuery将帮助您。但是关于这个想法： 例如，您可能有3个表单步骤，根据用户的选择，您可能希望在第二步和第三步中显示不同的表单。其他类型的表单被隐藏，或者将使用JavaScript/DOM在网页上创建，通过JavaScript/jQuery事件监听器，您可以发现是否选择了显示第二层forma radio等 但最好使用Ajax，根据用户在选择收音机等方面可能给出的不同答案，获取第二层或第三层的表单。因此，您有一个php页面，它将为您提供表单。比如get_form.php，您可以根据从用户那里获得的数据（比如get_form.php？p1=3&p2=5）将参数发送到所需的表单，您可以将从get_form.php获得的HTML添加到页面中的空标记中 Main.php
<HTML>
...
<script>
//codes to check if we need to show next form and code to get new forms with ajax
</script>
.....
<div I'd=form1container><form>
First layer form
</form></div>
<div I'd=form2container>
Second layer form container</div>
<div I'd=form3container>
Third layer form container</div>
echo "<form>";
// and different echoes based on parameters to create the dynamic form
echo "</form>
这里有一种使用纯CSS的方法，使用and，注意表单必须是与无线电输入相同的父对象的子对象。诀窍是将每个表单的初始显示属性设置为“无”，在选择相关输入时重置为“块” 为了简洁起见，我刚刚将下面示例中的表单标记样式设置为彩色块 形式{ 显示：无； } 输入_-male：选中~form_-male， 输入女性：选中~表单女性， 输入狗：选中~表格狗， 输入目录：选中~表格目录{ 显示：块； } *{框大小：边框框；颜色：000；字体系列：arial；} 输入，标签{显示：内联块；边距：0 10px；} 表格{高度：100px；} 形式{background:red；}类型的第一个 形式：第n种类型2{背景：绿色；} 形式：第n种类型3{背景：蓝色；} 表单：类型{background:black；}的最后一个 男性的 女的 狗 猫
javascript在您选择的风格中，jquery很受欢迎。默认按钮通常用于用户选择的单个选项。如果他们可以选择多个，请使用复选框。听起来您不需要单独的表单，只需要div中表单的一部分，可以通过复选框显示/隐藏。如果其他问题已解决，您可以在发布新问题之前接受答案。或者让他们知道为什么他们的答案不起作用。如前所述，JS和Ajax会很好。顺便问一下，为什么收音机的名称属性不同？为什么不给它们取一个相同的名字来表示性别，给动物取一个不同的名字，并基于这些价值观呢？使用不同的名称属性只会让代码变得更大，实际上什么都没有。