button - 经过单击提交按钮时的值？

Question

由于默认单选按钮不允许我设置太多样式，因此我想创建一个“自定义”单选按钮并在单击提交按钮时传递所选内容。

我当前的代码：

[http://codepen.io/vincentccw/pen/srJjo]

它的作用是当用户单击它时，它background会变成红色，并且 avalue将与valueRegistered变量一起存储。

如您所见，单击后如何将变量值与submit按钮一起传递？

我在这里先向您的帮助表示感谢。

Answer 1

我有这个解决方案，它在性能方面可能不好。

你可以做的是：

<form>在隐藏状态中添加一个输入项，如下所示：

<input type="button" name="testing" hidden="hidden" value="__________"/>

您可以通过单击相对链接来设置value字段的属性。Javascript

例如：

if(sam button clicked)
    set `value` of `testing` = `sambutton`
else if(sam button2 clicked)
    set `value` of `testing` = `sambutton2`
else if(sam button3 clicked)
    set `value` of `testing` = `sambutton3`

像这样，该值将保存在该testing字段中，并且可以在您提交表单时提交，而用户甚至看不到它。

问候，更安全