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

How to remove all radio button elements from DOM with jQuery

本文关键字：单选按钮 元素 删除 何使用 jQuery DOM      更新时间：2023-09-26

这是我的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();​

这是演示。

我只想从网站上删除所有的单选按钮。我使用了.remove()函数，但什么也没发生。我该怎么做？

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

实时演示

$("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();​

实时演示

您使用的是复选框，而不是单选按钮。因此，将输入类型设置为checkbox:

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

或者使用:checkbox选择器，相当于

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

演示。

相关文章：