選擇多個單選按鈕（通過jquery，javasscript？）

Question

我目前有一個表格，可以說5個單選按鈕條目（見下文）。 什么即時存檔如下： - 能夠選擇多個單選按鈕 - 讓我們說3並提交表格。

目前我使用PHP，SQL正常工作，但我只能選擇一個radiobutton並提交。

我認為如果您錯誤地點擊一個單選按鈕，它也會派上用場。

我的猜測是，這可以通過一些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個項目，而是使用復選框。