Есть ли способ создать опцию в форме HTML, чтобы позволить пользователю выбрать ровно 2 из n вариантов? - PullRequest
Новая
       16

Есть ли способ создать опцию в форме HTML, чтобы позволить пользователю выбрать ровно 2 из n вариантов?

0 голосов
/ 01 июля 2019

Я пытаюсь создать форму HTML.Для одного из вопросов я хочу, чтобы пользователь мог выбрать ровно два варианта.

Я попытался создать два радио-вопроса (которые, как я понимаю, принимает только один выбор) с теми же 4 вариантами, но я неЯ не хочу, чтобы пользователь мог выбрать один и тот же параметр дважды. 

<form action = "\new" method = post target="_blank" id="form">
<option>Option 1</option><br>
Question 1:
<input type="radio" name="S1" value = 0 checked>C1<br>
<input type="radio" name="S1" value = 1>C2<br>
<input type="radio" name="S1" value = 2>C3<br>
<input type="radio" name="S1" value = 3>C4<br>
<br>
Question 2:
<input type="radio" name="S2" value = 0 checked>C1<br>
<input type="radio" name="S2" value = 1>C2<br>
<input type="radio" name="S2" value = 2>C3<br>
<input type="radio" name="S2" value = 3>C4<br>
</form>
//I want the form to output (S1,S2), but S1 cannot equal S2

С помощью этого кода пользователь все равно может выбрать один и тот же вариант для обоих вопросов.Как мне это исправить?

1 Ответ

0 голосов
/ 02 июля 2019

Я понял это. Я добавил этот JavaScript внизу HTML-документа. 

<script>
function validate(){
    var C1 = Number($("input[name='S1']:checked").val());
    var C2 = Number($("input[name='S2']:checked").val());
    if (C1==C2){
        return false; 
    }
    return true;
}
function init(){
    document.getElementById('form').onsubmit = validate;
}
window.onload = init;
</script>

Надеюсь, это поможет любому, кто боролся, как я!

...