Java腳本單選按鈕

Question

我第一次使用Javascript和單選按鈕。

我需要知道如何將腳本分配給所選的每個單選按鈕嗎？ 似乎有幾種方法可以做到這一點，而且只會令人困惑！

每個問題都有4個單選按鈕可供選擇，我需要在最后收集答案！

任何幫助表示贊賞

Answer 1

只需將事件偵聽器添加到單選按鈕，並維護一個映射即可存儲所有答案。

 let answers = {} $('input[type=radio]').on('click', function (event) { let question = event.currentTarget.name let answer = event.currentTarget.value answers[question] = answer document.getElementById('result').innerHTML = JSON.stringify(answers, null, 2) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="question-block"> <div class="question"> 1. Which one is the biggest? </div> <div class="answers"> <form> <input type="radio" name="1" value="1" checked> Elephant<br> <input type="radio" name="1" value="2"> Whale<br> <input type="radio" name="1" value="3"> Giraffe </form> </div> </div> <div class="question-block"> <div class="question"> 2. Which one is the smallest animal? </div> <div class="answers"> <form> <input type="radio" name="2" value="1" checked> Bacteria<br> <input type="radio" name="2" value="2"> Virus<br> <input type="radio" name="2" value="3"> Ant </form> </div> </div> <div id="result"> </div>