javascript - 单击输入类型文本后检查单选输入

Question

我得到了包含 radio 输入和文本输入的简单形式。我的目标是:点击文本输入时检查单选输入

谢谢

<div class="checkbox-wrapper">
    <label for="gr_1_option_4">
         <input type="radio" id="gr_1_option_4" name="group1" value=""> 
                 Sonstiges: 
          <input type="text" id="gr_1_option_4" name="group1"/>
     </label>
</div>

Answer 1

您应该为 input 和 radio 设置唯一的 id 然后您可以在 input 中关联一个点击事件通过其 id 将在点击时检查 radio 输入。

使用 jQuery

$('#gr_1_input_4').click(function(){
  $('#gr_1_option_4').prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="checkbox-wrapper">
    <label for="gr_1_option_4">
         <input type="radio" id="gr_1_option_4" name="group1" value=""> 
                 Sonstiges: 
          <input type="text" id="gr_1_input_4" name="group1"/>
     </label>
</div>

使用 JavaScript

document.getElementById('gr_1_input_4').addEventListener('click', function(){
  document.getElementById("gr_1_option_4").checked = true;
});

<div class="checkbox-wrapper">
    <label for="gr_1_option_4">
         <input type="radio" id="gr_1_option_4" name="group1" value=""> 
                 Sonstiges: 
          <input type="text" id="gr_1_input_4" name="group1"/>
     </label>
</div>