无法根据用户添加的数字更改单选按钮的值

debugcn 发表于 Dev

alim1990

我正在尝试根据用户输入的值更改单选按钮。

因此，如果值是 4 或更多，我需要更改单选按钮以检查值Yes。否则检查No。

这是脚本：

<td>a) Right <input type="text" class="form-control" style="width: 50px" name="right_result" id="right_result">/10 </td>
   <td style="vertical-align: middle">
   <input type="radio" class="radio-inline" name="monofilament_right_left" id="monofilament_right_left" value="Yes">Yes
   <input type="radio" class="radio" name="monofilament_right_left" id="monofilament_right_left" value="No">No
</td>

和 jQuery 脚本：

$("#right_result").on('keyup', function(){
    var right_result = $("#right_result").val();
    //console.log(right_result)
    if(right_result>=4){
      $('input[id="monofilament_right_left"]:checked').val("Yes")
    }
})

当用户在文本框中添加数字时，该值不会更改。

我尝试了解决方案

西南角

我添加了一些额外的类来选择单选按钮。

需要注意的一件事是 ID 应该是唯一的，您不应该在两个元素上使用相同的 ID。这就是为什么我在课堂上做到了这一点。

这应该有效：

$("#right_result").on('keyup', function(){
    var right_result = $("#right_result").val();
    
    if(right_result>=4){
      $('.yes-value').prop('checked', true);
    } else if (right_result>0 && right_result<4) {
      $('.no-value').prop('checked', true);
    } else {
      $('.yes-value, .no-value').prop('checked', false)
    }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<td>a) Right <input type="text" class="form-control" style="width: 50px" name="right_result" id="right_result">/10 </td>
   <td style="vertical-align: middle">
   <input type="radio" class="radio-inline yes-value" name="monofilament_right_left" value="Yes">Yes
   <input type="radio" class="radio no-value" name="monofilament_right_left" value="No">No
</td>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。