是否可以组合单选按钮并在1提交按钮提交?

时间:2013-05-20 18:36:06

标签: html css forms

我有一个radiobutton,并且使用submitbutton提交值。我只想要一个在点击时提交值的submitbutton。因此,我需要一个单选按钮并将提交按钮设置为1,而不是单选按钮和提交按钮。

这是我的代码:

{foreach item=item key=key from=$memberships}
<input type="radio" type="hidden" name="membership" value="{$key}" checked="checked"/>
{$item}
{/foreach}
<input class="button" type="submit" value="{lang mkey='continue'} --&gt;"/> 

我想要实现的是这样的:

替换radiobutton并使用提交按钮提交按钮。

<button type="submit" name="membership" value="{$key}">{$item}</button>

是否有可能以及如何做到这一点?

3 个答案:

答案 0 :(得分:1)

你可以拥有

<input type="radio" type="hidden" name="membership" value="{$key}" checked="checked" onclick="this.form.submit();"/>

<input type="hidden" type="hidden" name="membership" id="membership" value="{$key}">
<button type="submit" name="membership" onclick="document.formname.membership.value={$key}; return true;">{lang mkey='continue'}</button>

答案 1 :(得分:0)

您可以创建一个看起来像单选按钮的小图像,并将其映射为您的提交按钮。这会产生一个单选按钮的错觉,但当用户点击它时,表单会提交。

如果你真的想要它,请选择第二个图像,如选中的单选按钮,并用onClick()事件显示。

答案 2 :(得分:0)

只是没有提交按钮,然后对提交表单的单选按钮使用onclick事件。