मैं एक 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

इस कोड के साथ, उपयोगकर्ता अभी भी दोनों प्रश्नों के लिए एक ही विकल्प चुन सकता है। मैं यह कैसे तय करुं?

0
Inko Bovenzi 1 जुलाई 2019, 19:33

1 उत्तर

सबसे बढ़िया उत्तर

मैं यह समझ गया। मैंने इस जावास्क्रिप्ट को 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>

उम्मीद है कि यह किसी और की मदद करता है जो मेरी तरह संघर्ष कर रहा था!

0
Inko Bovenzi 2 जुलाई 2019, 17:48