如何在具有特定标签的单选按钮的多个单选按钮之间进行过滤

Question

我有一个文本字段，我输入值来过滤....

<input type="text" name="filter" id="filter">

<input type="radio" name="item" id="item" value="1">apple
<input type="radio" name="item" id="item" value="2">banana
<input type="radio" name="item" id="item" value="3">grapes
<input type="radio" name="item" id="item" value="4">mango
<input type="radio" name="item" id="item" value="5">orange
<input type="radio" name="item" id="item" value="6">pineapple

如果我在文本字段中输入apple，则只显示带苹果的单选按钮有文本值，其余必须隐藏。有没有办法做到这一点？

Answer 1

查看jquery selectors page：

“属性包含选择器[name * =”value“]”

var name2lookFor = $('#filter').val();
var $matchingElements = $('input[type="radio"]').filter('[name*="'+name2lookFor +'"]');

还有很多其他选择器，只需找到你需要的选择器。您可能需要一个组合来进行更多的自定义搜索，但这应该会让您走上正确的轨道。

Offtopic：id必须是唯一的，你不能在ID属性中将它们称为相同。