如何取回單選按鈕的檢查值？

Question

我需要解決方案，當根據條件打開表單時，如何取回單選按鈕的選中值。我得到了單選按鈕的警報值，但不知道如何自動勾選。 如果值 =2,Enhancement 在 javascript 中給我一個例子

 <input style="margin-right:5px" type="radio" name="ChangeTyperadio" value="1" id="New">New <p class="checkboxclick" style="margin-left:85px"> <input style="margin-right:5px" type="radio" name="ChangeTyperadio" value="2" id="Enhancement">Enhancement </p> <p class="checkboxclick" style="margin-left:85px"> <input style="margin-right:5px" type="radio" name="ChangeTyperadio" value="3" id="Fix">Fix </p>

Answer 1

您可以使用document.querySelectorAll('input[name=ChangeTyperadio]')在 javascript 中獲取單選按鈕。 然后你需要在它們上附加點擊事件，如下所示。 每次更改值時都可以在哪里獲取值。

 let radioButtons= document.querySelectorAll('input[name=ChangeTyperadio]'); let resultContainer = document.querySelector('#result'); document.querySelector('input[name=ChangeTyperadio]'); for(radioButton in radioButtons) { radioButtons[radioButton].onclick = function() { //you get the result here resultContainer.innerText = this.value; } }

 <p class="checkboxclick" style="margin-left:85px"> <input style="margin-right:5px" type="radio" name="ChangeTyperadio" value="2" id="Enhancement">Enhancement </p> <p class="checkboxclick" style="margin-left:85px"> <input style="margin-right:5px" type="radio" name="ChangeTyperadio" value="3" id="Fix">Fix </p> <p id="result"></p>

Answer 2

示例:(如果我得到單選按鈕值=2，那么我如何在定義單選按鈕被勾選時顯示它）

 let radioButtons= document.querySelectorAll('input[name=ChangeTyperadio]'); let resultContainer = document.querySelector('#result'); document.querySelector('input[name=ChangeTyperadio]'); for(radioButton in radioButtons) { radioButtons[radioButton].onclick = function() { //you get the result here resultContainer.innerText = this.value; } }

 <p class="checkboxclick" style="margin-left:85px"> <input style="margin-right:5px" type="radio" name="ChangeTyperadio" value="2" id="Enhancement">Enhancement </p> <p class="checkboxclick" style="margin-left:85px"> <input style="margin-right:5px" type="radio" name="ChangeTyperadio" value="3" id="Fix">Fix </p> <p id="result"></p>