如何通過單擊或鍵入文本框來檢查單選按鈕？

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檢查收音機。就像這樣：

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

<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>

我試圖清理你的代碼了。由於格式化，這有點令人困惑。你也有很多關閉HTML標籤，但沒有開放標籤。希望這可以幫助！