选择多个单选按钮(通过jquery、javasscript?)

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

因为输入类型radio专门用于从多个输入中选择单个值，所以您不能这样做，因为它具有相同的名称poll。

为此，您可以使用输入类型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>

限制(使用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 2

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

允许选择任意数量选项的输入控件是复选框。如果您将[]附加到它们的名称之后，那么所选的选项将以数组的形式到达PHP端。

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

Answer 3

单选按钮仅用于选择1个项目，请改用复选框。