时间戳

首页 > 解决方案 > 如何取回单选按钮的检查值？

javascript - 如何取回单选按钮的检查值？

问题描述

我需要解决方案根据条件打开表单时如何取回单选按钮的选中值。我得到单选按钮的警报值，但不知道如何自动勾选。如果值 =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>

标签： javascripthtml

解决方案

您可以使用 javascript 在 javascript 中获取单选按钮document.querySelectorAll('input[name=ChangeTyperadio]')。然后您需要在它们上附加点击事件，如下所示。每次更改值时都可以在哪里获取值。

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>

推荐阅读