Выбор нескольких переключателей (через 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

Радиокнопки спроектированы таким образом, что только один параметр из каждой группы (как обозначено их общим именем) может быть выбран сразу (точно так же, как вы можете настроить радио только на одну станцию).Элемент управления, позволяющий выбрать любое количество параметров, - это флажок .Если вы добавите [] к их именам, то выбранные опции будут поступать на стороне 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 элемента, вместо этого используйте флажки.