如何在将单选按钮与文本框值进行比较时将其设置为 true？答案

【问题标题】：How to set radio button checked to true on comparing it with textbox value?如何在将单选按钮与文本框值进行比较时将其设置为 true？
【发布时间】：2020-11-10 15:39:53
【问题描述】：

我正在尝试根据文本框值使用 JavaScript 将两个单选按钮设置为选中的单选。

文本框只能填充单选按钮的值，否则两个单选都将被检查为假，因为值将来自数据库。

function selradio() {
  if (document.getElementById("tvt").value == '6 Wheeler') {
    document.getElementById('6wt').checked = true;
    document.getElementById('10wt').checked = false;
  } else if (document.getElementById("tvt").value == '10 Wheeler') {
    document.getElementById('6wt').checked = false;
    document.getElementById('10wt').checked = true;
  }
}

<div class="col-sm-2">
  <label>
    <input type="radio" name="r3" value="6 Wheeler" class="flat-red"> 
    6 Wheeler Truck
  </label>
</div>
<div class="col-sm-2">
  <label>
    <input type="radio" name="r3" value="10 Wheeler" class="flat-red"> 
    10 Wheeler Truck
  </label>
</div>

<input type="text" id="tvt" name="tvt" onChange="selradio()">

【问题讨论】：

您的两个单选按钮都没有您在 JS 中指定的 id。修复它，它可以工作。投票结束是一个印刷错误。
另请注意，逻辑本身似乎毫无意义。选择收音机中的值并去掉文本框。或者使用select 并根据数据库中的内容突出显示相关选项
<div class="col-sm-2"> <label> <input type="radio" name="r3" id="6wt" value="6 Wheeler" class="flat-red"> 6 Wheeler Truck </label> </div> <div class="col-sm-2"> <label> <input type="radio" name="r3" id="10wt" value="10 Wheeler" class="flat-red"> 10 Wheeler Truck </label> </div>

标签： javascript php html jquery mysql

【解决方案1】：

    <div class="col-sm-2">
  <label>
    <input type="radio" id="6wt" name="r3" value="6 Wheeler" class="flat-red"> 
    6 Wheeler Truck
  </label>
</div>
<div class="col-sm-2">
  <label>
    <input type="radio" id="10wt" name="r3" value="10 Wheeler" class="flat-red"> 
    10 Wheeler Truck
  </label>
</div>

<input type="text" id="tvt" name="tvt" onChange="selradio()">

请设置单选按钮的ID，它将起作用。

【讨论】：

你能解释一下你的答案吗？问题是什么，您是如何解决的？