Question

This my half of the HTML code:

<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" ...............

This is my jQuery code:

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

This is the demo.

I just want to remove all radio buttons from the site. I used the .remove() function but nothing happened. How can I do this ?

Answer 1

To remove the checkbox with label having text = radio you have to do something like this,

Live Demo

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

If you want to remove the type = radio which you tried in code then you have to use checkbox instead of radio as there is not radio control in your code

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

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

Live Demo