Question

我有两个带文字标签的单选按钮。我尝试删除没有值的单选按钮，然后单选按钮被成功删除，但问题是它的文本标签，我也想删除它们但我不能。任何人都可以告诉我该怎么做？非常感谢你阅读我的问题！

Answer 1

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

Answer 2

你有两个选择

您可以为广播和文本字段添加相同的类名，并隐藏该类例如：

<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();

Answer 3

这对您有用，使用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>

Jquery - 删除单选按钮

3 个答案: