如何在未選中的單選按鈕旁邊獲取輸入文本值？

Question

我有一個簡單的表格來發布多項選擇題。 但我被困在這個問題上。 我有 4 個帶有單選按鈕的輸入組，並在它旁邊輸入。 我能夠獲得選中的單選按鈕旁邊的輸入文本的值，但我還想獲得未選中的單選按鈕旁邊的所有剩余 3 個輸入的輸入值。 任何幫助，將不勝感激。 謝謝。

表單.html

<div class="input-group">
                  <div class="input-group-prepend">
                    <div class="input-group-text">
                      <input
                        type="radio"
                        aria-label="Select radio button for correct option"
                        name="option"
                        required
                      />

                    </div>
                  </div>
                  <input
                    type="text"
                    class="form-control"
                    id="optionB"
                    placeholder="Option B"
                    required
                  />
                </div>

腳本.js

var correctChoice = $("input:radio:checked")
    .closest(".input-group")
    .find('input[type="text"]')
    .val();

  var uncheckedRadioButtons = $('input[type="radio"]:not(:checked)');

  for (var i = 0; i < uncheckedRadioButtons.length; i++) {
    console.log(uncheckedRadioButtons[i]);
  }

Answer 1

我設法讓這個工作：

var options = ["optionA", "optionB", "optionC", "optionD"];
  var question = document.getElementById("question").value;
  var correct_answer = $("input:radio:checked")
    .closest(".input-group")
    .find('input[type="text"]')
    .val();

  var correctChoiceInputId = $("input:radio:checked")
    .closest(".input-group")
    .find('input[type="text"]')
    .attr("id");

  var wrong_answers = [];

  for (var i = 0; i < options.length; i++) {
    if (correctChoiceInputId !== options[i]) {
      wrong_answers.push(document.getElementById(options[i]).value);
    }
  }