javascript - 如何使用跨度值选择单选按钮？

Question

我有这样的编码，我想在用户在跨度值中输入字符计数匹配时选择单选按钮，我没有任何跨度和单选按钮的ID。我只有类名，它列出了 ul。我想用 jquery 来做到这一点。

Enter your name: <input type="text">
<div class="attribute_list"> 
    <ul>                                                                                 
        <li><input type="radio" value="22" name="group_5" class="attribute_radio"><span>10</span></li>
    </ul>
    <ul>                                                                                 
        <li><input type="radio" value="23" name="group_5" class="attribute_radio"><span>14</span></li>
    </ul>
</div>

我的jquery是这样的，

<script>
    $(document).ready(function(){
      $("input").keyup(function(){
        var y=$("input").val();
        var x=$(".attribute_list span").html();   
        if(x==y)
        {
          alert(x);
        }
      });
    });
</script>

我需要选择该单选按钮，而不是警报。请提供任何帮助..

这是 JSFiddle :http://jsfiddle.net/manibtechit/DDHBE/

Answer 1

尝试This ，这对你更有帮助

    $(document).ready(function(){
  $("input").keyup(function(){
     var y=$("input[type=text]").val();
     var x=$(".attribute_list span").html();   
    $('input[type=radio]').each(function(){
        if($(this).next('span').html()==y)
           $(this).prop('checked',true);
        else
          $(this).prop('checked',false);

       });

  });
});