Question

我正在尝试编写动态表单，因此我无法使用普通的表单标签和内容。我使用普通按钮，JQuery和AJAX调用来模拟传统形式。但是，我无法弄清楚如何做单选按钮。有什么帮助吗？

编辑：是的，我想我应该更具体一点。我试着做了

<input type="radio" />

和东西，但是：

它允许我一次选择多个按钮（哪种方式会失去单选按钮的位置）
按下后不会让我取消选择按钮！

编辑2：我没有使用表单标签的原因是我还需要多个提交按钮，而我发现的唯一解决方案就是不使用表单标签。

Answer 1

为什么不能使用表单标签？没有什么可以阻止你这样做。但是，如果您不想使用表单标记，为什么不：

<input type='radio' name='test' value='1' checked>
<input type='radio' name='test' value='2'>
<input type='radio' name='test' value='3'>
<input type='radio' name='test' value='4'>

对我来说很好。 Demo

修改

1：您需要为无线电组指定名称，否则每个输入都被视为自己的组。因此，在使用<input type="radio" />时，您可以一次选择多个按钮。看看我上面的代码。广播组是'测试'。

2：单选按钮假设有默认值。创建无线电组时，应使用checked属性指定默认值。这样做的结果是您无法取消选择单选按钮。您可以选择其他值，也可以使用默认值。如果您希望能够取消选择，请考虑使用复选框。我已经更新了示例代码以反映这一点。

Answer 2

你可以试试这个：

的 HTML 的

<div> <ul> <li><input type="radio" name="radio" value="value1" checked>Radio Button1</input></li> <li><input type="radio" name="radio" value="value1">Radio Button2</input></li> <li><input type="radio" name="radio" value="value1">Radio Button3</input></li> </ul> </div>

DEMO

Answer 3

不应该有没有表单元素的输入元素。如果您没有正确使用HTML，则不会让HTML以您希望的方式响应。多个提交按钮表示需要多个表单。

如果由于某种原因无效，或许您应该重新考虑要求用户提交信息的格式。

如何在表单之外制作单选按钮？

3 个答案: