如何而其中單選按鈕的具有特定標籤

-3

我有一個文本框，在這裏我輸入值過濾單選按鈕篩選....如何而其中單選按鈕的具有特定標籤

<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

如果文本字段中輸入我的蘋果，只有帶蘋果的單選按鈕纔會出現文字值，休息時必須隱藏。有沒有辦法做到這一點？

來源

2013-12-10 Sabareesh Kumar

有很多方法可以做到這一點，但你有沒有嘗試過其中任何一種。？ –

請您顯示您的javascript代碼 –

是的深度....我過濾了多個列表框....使用jquery ..... bt我發現很難過濾單選按鈕...... –

時退房jquery selectors page：

「屬性包含選擇[名* =」值「]」

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

有很多其他選擇的，只要找到一個你需要的。您可能需要一個組合來進行更多的自定義搜索，但這應該使您處於正確的軌道。

Offtopic：一個ID必須是唯一的，你不能在ID屬性中調用它們。

來源

2013-12-10 12:09:22 Martijn

謝謝Martijn .....我發現解決方案反正，而不是比較文本值，我把文本值作爲標題屬性的值，並將標題值與文本字段中的值進行比較.....選擇器我使用相同的名稱 –

而不是標題，您可以使用data屬性。簡單地做一些像'data-searchThrough =「一些文字在這裏」。這樣你可以保留標題的內容 – Martijn

如何而其中單選按鈕的具有特定標籤

回答

相關問題