Php html表单--如果单击单选按钮,需要帮助填充新的输入区域

Php html表单--如果单击单选按钮,需要帮助填充新的输入区域,php,jquery,html,mysql,Php,Jquery,Html,Mysql,我正在用mysql和php创建一个基本的新客户数据库。我想当人们点击单选按钮“不同的邮寄地址”时,会为邮寄地址显示另外两个输入字段。我不太确定如何用输入而不是变量来处理这个问题。有没有办法做一个if语句下面是我的html表单代码 <form method="POST" action="insert.php"> <fieldset> <legend>New Customer data</legend> <labe

我正在用mysql和php创建一个基本的新客户数据库。我想当人们点击单选按钮“不同的邮寄地址”时,会为邮寄地址显示另外两个输入字段。我不太确定如何用输入而不是变量来处理这个问题。有没有办法做一个if语句下面是我的html表单代码

    <form method="POST" action="insert.php">
    <fieldset>
    <legend>New Customer data</legend>
    <label>Complete Below</label>

<div class="controls controls-row">
  <input class="span4" name="firstname" type="text" placeholder="First name">
  <input class="span3" name="lastname" type="text" placeholder="Last Name">
   <input class="span3" name="phone" type="text" placeholder="Phone">

</div>
<div class="controls controls-row">
  <input class="span4" name="address" type="text" placeholder="Address">
  <input class="span2" name="city" type="text" placeholder="City">
  <input class="span1" name="state" type="text" placeholder="State">
</div>
<div class="controls controls-row">
  <input class="span4" name="zip" type="text" placeholder="Zip Code">
  <input class="span2" name="email" type="text" placeholder="Email">
  <input class="span2" name="ccemail" type="text" placeholder="cc email">
</div>





    <span class="help-block">When is the customers due date monthly</span>
      <label class="radio">
  <input type="radio" name="duedate" id="optionsRadios1" value="1" checked>
 1st of the month</label>
<label class="radio">
  <input type="radio" name="duedate" id="optionsRadios2" value="15">
 15th of the month
 </label>    
  <span class="help-block">Mailing address</span>
 <label class="radio">
  <input type="radio" name="mailingaddress" id="optionsRadios3" value="1" checked>
Check if mailing address is the same as the service address
</label>
<label class="radio">
  <input type="radio" name="mailingaddress" id="optionsRadios4" value="0">
 Check if mailing address is different
 </label>

                     <button type="submit" class="btn btn-primary">Submit</button>



  </fieldset>
</form>

新客户数据
完成以下内容
客户每月的到期日是什么时候
一月一日
本月15日
通讯地址
检查邮寄地址是否与服务地址相同
检查邮寄地址是否不同
提交

使用jQuery,有两个最初隐藏的输入。一旦用户选中这两个输入上的“$.show()”框。Id有一个包含两个输入的div,只需显示或隐藏div,具体取决于是否选中该框

您可以尝试此操作

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" >
</script>
<script>
   $(document).ready(function(){
 $("#checkme").on('change',function(){
    if($("#checkme").is(":checked")){
        $("input#myemail").fadeIn();
    }else{
        $("input#myemail").fadeOut();
    }
 });
   });
</script>
</head>
<body>
show: <input type="checkbox" id="checkme" /><br />
<input type="text" id="myemail" hidden />
</body>
</html>

$(文档).ready(函数(){
$(“#checkme”)。在('change',function()上{
如果($(“#checkme”)。是(“:checked”)){
$(“input#myemail”).fadeIn();
}否则{
$(“输入#myemail”).fadeOut();
}
});
});
显示:

您可能需要一些jacascript来隐藏字段或根据选择显示字段,或根据选择创建字段。从您的问题判断,我认为您正在寻找一个php解决方案,因为php是服务器端的,所以它不会工作。这意味着您无法在没有页面刷新的情况下监视交互。您已将jquery标记添加到问题中。。。也许jquery可以帮你做到这一点?我想你需要去读一下JavaScript和jquery。