Question

我目前有一个表格，可以说5个单选按钮条目（见下文）。什么即时存档如下： - 能够选择多个单选按钮 - 让我们说3并提交表单。

目前我使用PHP，SQL正常工作，但我只能选择一个单选按钮并提交。

我认为如果您错误地点击一个单选按钮，它也会派上用场。

我的猜测是，这可以通过一些JavaScript来完成？有什么建议？在线示例可能吗？

<form id="pollform" action="poll.php" method="post">
<input id="option-1" type="radio" value="1" name="poll">
<label for="option-1">Select option 1</label>

<input id="option-2" type="radio" value="2" name="poll">
<label for="option-2">Select option 2</label>

<input id="option-3" type="radio" value="3" name="poll">
<label for="option-3">Select option 3</label>

<input id="option-4" type="radio" value="4" name="poll">
<label for="option-4">Select option 4</label>

<input id="option-5" type="radio" value="5" name="poll">
<label for="option-5">Select option 5</label>
</form>

Answer 1

单选按钮的设计使得每组只能选择一个选项（由共享名称指定）（就像您只能将收音机调到一个电台一样）。

允许选择任意数量选项的输入控件是复选框。如果将[]附加到其名称，则所选选项将作为数组到达PHP端。

<input type="checkbox" value="1" name="poll[]" />
<input type="checkbox" value="2" name="poll[]" />

Answer 2

由于它具有相同的名称poll，您将无法这样做，因为输入类型radio专门从多个输入中选择单个值。

您可以使用输入类型checkbox，并将它们作为数组：

<form id="pollform" action="poll.php" method="post">
    <input id="option-1" type="checkbox" value="1" name="poll[]">
    <label for="option-1">Select option 1</label>

    <input id="option-2" type="checkbox" value="2" name="poll[]">
    <label for="option-2">Select option 2</label>

    <input id="option-3" type="checkbox" value="3" name="poll[]">
    <label for="option-3">Select option 3</label>

    <input id="option-4" type="checkbox" value="4" name="poll[]">
    <label for="option-4">Select option 4</label>

    <input id="option-5" type="checkbox" value="5" name="poll[]">
    <label for="option-5">Select option 5</label>
</form>

LIMIT（使用jQuery）数字：

$("input[type=checkbox][name=poll[]]").click(function() {
    var numberSel = $("input[type=checkbox][name=poll[]]:checked").length >= 3;     
    $("input[type=checkbox][name=poll[]]").not(":checked").attr("disabled",numberSel);
});

Answer 3

单选按钮仅适用于选择1个项目，而是使用复选框。

选择多个单选按钮（通过jquery，javascript？）

3 个答案: