2014-06-25 41 views
-1

我正在用mysql和php制作一个基本的新客户数据库。我希望当用户点击另一个输入字段的单选按钮“不同的邮寄地址”来显示邮寄地址时。林不太清楚如何处理这与输入而不是变量。有没有办法做一个if语句这里是我的HTML格式代码如下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> 
+2

您可能需要一些jacascript来隐藏字段或根据选择显示它们或根据选择创建它们。从你的问题来看,我认为你正在寻找一个php解决方案,它不会像php是服务器端一样工作。这意味着如果没有页面刷新,您将无法监控交互。 – ScottMcGready

+0

您已将jquery标签添加到您的问题中......也许jquery可以帮助您解决这个问题? –

+0

我认为你需要阅读关于JavaScript和jQuery的内容。 –

回答

0

使用jQuery,有两个输入,最初是隐藏的。一旦用户选中了这两个输入框中的“$ .show()”, Id有一个包含两个输入的div,并根据是否选中该框来显示或隐藏div

0

您可以试试这个。

<!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>