Question

这是我的一半HTML代码：

<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()函数但没有任何反应。我怎么能这样做？

Answer 1

要删除带有text = radio标签的复选框，您必须执行以下操作

<强> Live Demo

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

如果你想删除你在代码中尝试过的type = radio，那么你必须使用复选框而不是无线电，因为代码中没有无线电控制

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

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

<强> Live Demo

Answer 2

您正在使用复选框，而不是单选按钮。因此，要么将输入类型设置为checkbox：

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

或使用:checkbox选择器，它等同于：

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

<强> DEMO

如何使用jQuery从DOM中删除所有单选按钮元素

2 个答案: