Jquery-删除单选按钮

Jquery - remove radio button

本文关键字：单选按钮 删除 Jquery-      更新时间：2023-09-26

我有两个带文本标签的单选按钮。我试图删除没有值的单选按钮，然后单选按钮被成功删除，但问题是它的文本标签，我也想删除它们，但我不能。有人能教我怎么做吗？非常感谢你阅读我的问题！

例如，当删除名称隐藏的按钮时，将类添加到标签中。然后在.css中设置.hidden { display: none;}

您有两个选项

  1. 可以为单选字段和文本字段添加相同的类名并隐藏该类例如：

<input type="radio" class="myclass" > <label class="myclass">abc</label> $(".myclass").hide();

2.您还可以向Div添加输入字段和标签，隐藏Div例如：-

<div id="mydiv"> <input type="radio" ><label >abc</label> </div> $("#mydiv").hide();

这将适用于您，使用element.each查找所有没有值的无线电并将其删除。。。

在这个代码中，只有第一个收音机会显示，因为它有值，第二个收音机会被删除，而第二个的标签也会被删除。。。

$(document).ready(function(){
  $('input[type="radio"]:not([value])').each(function() {
        var idVal = $(this).attr("id");
        $(this).remove();
        $("label[for='"+idVal+"']").remove();
  });
  
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="submit" id="submit" action="#" method="post">
 
  <label for="one">First Item</label>
  <input type="radio" id="one" name="first_item" value="1" />
  <label for="two">Second Item</label>
  <input type="radio" id="two" name="first_item"  />            
</form>

相关文章：