【问题标题】:Payment options with radio buttons in the contact form联系表单中带有单选按钮的付款选项
【发布时间】:2013-07-25 15:58:44
【问题描述】:

我的表单目前已设置为将所有输入数据收集到我的自动回复器中……但是,我制作的表单只有一个选项 - 现在付款。用户想要选项,所以我想给他们两个选择,旧的“立即付款”COD 方法和选项#2 贝宝。我认为单选按钮是执行此操作的最佳方式。但是我不能让它们单独工作......当我选择选项 2 时,选项 1 仍然处于选中状态。所以我自己在 ordernow 按钮之后添加了单选按钮。

<p>mail: *</p>
<p>
<label>
<input type="text" class="wf-input wf-req wf-valid__email" name="mail" class="mj" ></input>
</label>
</p>
<p>name: *</p>
<p>
<label>
<input type="text" class="wf-input wf-req wf-valid__required" name="name" class="mj" ></input>
</label>
</p>
<p>
<input type="submit" value="ORDER NOW" class="butt">
<div class="selectpaymentradios">
<label class="radio" >select payment</label>
<input class="radio" type="radio" name="cash" value="cash" checked /> <span>Ca$h</span>
<input class="radio" type="radio" name="ppal" value="ppal" /> <span>PaypaL</span>
</div>
<input type="hidden" name="webform_id" value="12x45"/>
</p>  
</form>
<script type="text/javascript" src="http://xyz.com/view_webform.js?wid=12x45&mg_param1=1"></script>

我试图弄清楚如何使用我的自动回复器进行这项工作,我认为此表单必须能够告诉我客户选择了哪种付款方式......但自动回复器表单创建者没有单选按钮一切都让我卡住了,我不知道它是否可能......

【问题讨论】:

    标签: html forms auto-responder


    【解决方案1】:
    <input class="radio" type="radio" name="cash" value="cash" checked /> <span>Ca$h</span>
    <input class="radio" type="radio" name="ppal" value="ppal" /> <span>PaypaL</span>
    

    您遇到的问题非常简单 - 您必须为所有单选按钮使用相同的名称,其中只能选择一项。像这样:

    <input class="radio" type="radio" name="payment" value="cash" checked /> <span>Ca$h</span>
    <input class="radio" type="radio" name="payment" value="ppal" /> <span>PaypaL</span>
    

    【讨论】:

    【解决方案2】:

    两个单选按钮的name 属性应该相同:

    <input class="radio" type="radio" name="method" value="cash" checked="checked" /> <span>Ca$h</span>
    <input class="radio" type="radio" name="method" value="ppal" /> <span>PaypaL</span>
    

    另外,如果您要关闭input 标记,您可能会担心XHTML 验证。因此,您应该输入checked="checked",而不仅仅是checked

    【讨论】:

      猜你喜欢
      • 2013-12-05
      • 2023-03-20
      • 2012-08-25
      • 1970-01-01
      • 1970-01-01
      • 2019-03-31
      • 1970-01-01
      • 2012-08-04
      • 2012-10-24
      相关资源
      最近更新 更多