Javascript 如何使用范围值选择单选按钮?

Javascript 如何使用范围值选择单选按钮?,javascript,jquery,html,Javascript,Jquery,Html,我有一个这样的编码,我想让单选按钮被选中,当用户输入字符计数匹配的跨度值,我没有任何id的跨度,单选按钮。我只有类名,它列出了ul。我想通过jquery来实现这一点 Enter your name: <input type="text"> <div class="attribute_list"> <ul>

我有一个这样的编码,我想让单选按钮被选中,当用户输入字符计数匹配的跨度值,我没有任何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>

$(文档).ready(函数(){
$(“输入”).keyup(函数(){
变量y=$(“输入”).val();
var x=$(“.attribute_list span”).html();
如果(x==y)
{
警报(x);
}
});
});
我需要选择单选按钮,而不是警报。请帮忙

这里是JSFIDLE:

试试看,这对你更有帮助

    $(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);

       });

  });
});
试试看,这对你更有帮助

    $(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);

       });

  });
});

虽然您已经接受了答案,但我将提供我自己的方法,如下所示:

$('input[type="text"]').on('keyup', function(){
    var len = this.value.length;
    $('span').filter(function(){
        return $.trim($(this).text()) == '' + len;
    }).prev().prop('checked',true);
});

参考资料:


    • 虽然您已经接受了答案,但我将提供我自己的方法,如下所示:

      $('input[type="text"]').on('keyup', function(){
          var len = this.value.length;
          $('span').filter(function(){
              return $.trim($(this).text()) == '' + len;
          }).prev().prop('checked',true);
      });
      

      参考资料:


      正是我需要的,真的节省了我很多时间。。非常感谢@Tushar Gupta..这正是我需要的,真的节省了我很多时间。。非常感谢@Tushar Gupta。。