是否有一种方法可以在HTML表单上创建选项，以允许用户精确地选择N个选择的2个

Question

我正在尝试构建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

使用此代码，用户仍然可以为两个问题选择相同的选择。我该如何解决？

Answer 1

我弄清楚了。我在HTML文档的底部添加了此JavaScript。

<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>

希望这对其他像我这样挣扎的人都有帮助！