2012-09-04 58 views
-2

這是我的一半的HTML代碼:如何從DOM所有無線電按鈕元素與jQuery

<fieldset class="amenities"> 
    <legend>Amenities</legend> 
    <div class="clr"></div> 
    <ul id="amenities"> 
     <li class="amenity "> 
      <input class="am-input" type="checkbox" name="jform[amenities][]" id="jform_amenities0" value="95" /> 
      <label class="am-title" for="jform_amenities0" ></label> 
     </li> 
     <li class="amenity "> 
      <input class="am-input" ............... 

這是我的jQuery代碼:

$("label[for='jform_amenities5']").addClass("selected"); 
$("fieldset input:radio").remove();​ 

這是demo

我只想刪除網站上的所有單選按鈕。我使用了.remove()函數,但沒有發生任何事情。我怎樣才能做到這一點 ?

+4

小提琴中沒有單選按鈕。 – moonwave99

+0

您必須搜索您要*刪除的元素。你有':checkbox' * not *':radio'。如果你使用正確的選擇器,你的代碼應該工作。 –

回答

0

要刪除具有文字標籤的複選框=無線電你必須做這樣的事情,

Live Demo

$("label[for='jform_amenities5']").addClass("selected"); 
lbl = $("fieldset label:contains('Radio')"); 
$('#'+ lbl.attr('for')).remove(); 
$("fieldset label:contains('Radio')").remove();​​​​​​​​​​​​ 

如果你要刪除的類型=你在代碼試圖無線電那麼你必須使用複選框代替收音機,因爲在你的代碼中沒有無線電控制

$("label[for='jform_amenities5']").addClass("selected"); 

$("fieldset input:checkbox").remove();​ 

Live Demo

0

您正在使用複選框,而不是單選按鈕。因此,無論是輸入類型設置爲checkbox

$("fieldset input[type='checkbox']").remove();​ 

或者使用:checkbox選擇器,這相當於:

$("fieldset input:checkbox").remove();​ 

DEMO