Question

我在下面有这个简单的例子。如果单击文本，则会检查单选按钮。当我点击文本框时，我可以看到单选按钮变暗一瞬间，但它没有被检查。是否有一种简单的方法可以在单击文本框或键入文本框时检查单选按钮？

<label><div class='mi' id='r4'><input type='radio' name='tt2' value='4' id='radio_4'> TEST TEXT ONE</div></label>
<label><div class='mi' id='r5'><input type='radio' name='tt2' value='4' id='radio_4'> TEST TEXT TWO</div></label>
<br />
<label>
<div class='mi' id='r1' style="float:left;"><input type="radio" name="tt2" value="2" id="radio_2"> TEST TEXT THREE</div>
<div class='mi' id='r2' style="float:left;"><input type='text' name='tt2' size="3px"> TEST TEXT FOUR</div>
<div class='mi' id='r3' style="float:left;"><input type='text' name='tt2' size="3px"> TEST TEXT FIVE</div>
<div style="clear:both;"></div>
</label>

Answer 1

单击文本输入时，使用JS检查收音机。像这样：

＆＃13;

function checkRadio(){
  
  document.getElementById('radio_2').checked = "true";
  
  }

＆＃13;

<label><div class='mi' id='r4'><input type='radio' name='tt2' value='4' id='radio_4'> TEST TEXT ONE</div></label>
<label><div class='mi' id='r5'><input type='radio' name='tt2' value='4' id='radio_4'> TEST TEXT TWO</div></label>
<br />
<label>
<div class='mi' id='r1' style="float:left;"><input type="radio" name="tt2" value="2" id="radio_2"> TEST TEXT THREE</div>
<div class='mi' id='r2' style="float:left;"><input type='text' name='tt2' onclick="checkRadio()" size="3px"> TEST TEXT FOUR</div>
<div class='mi' id='r3' style="float:left;"><input type='text' name='tt2' onclick="checkRadio()" size="3px"> TEST TEXT FIVE</div>
<div style="clear:both;"></div>
</label>

＆＃13;

我也尝试清理你的代码。由于它的格式化，这有点令人困惑。您还有很多关闭HTML标记，但没有开始标记。希望这有帮助！

如何通过单击或键入文本框来检查单选按钮？

1 个答案: