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