javascript - 从表单中删除重复的复选框

Question

我有一个由 mvc 和 razor 生成并发回的表单，我如何从表单中删除重复项？例如。有两个葡萄复选框和一个香蕉复选框，我想删除重复的葡萄之一。我可以将 $('.fruit') 放入一个数组中，但我如何从那里定位重复项？

 <div class="fruit">
      <input data-val="true" data-val-number="" data-val-required="" name=" [5].UniqueValue[3].Id" type="hidden" value="123">
      <input name="[5].UniqueValue[3].fruit" type="hidden" value=".grapes">
      <input data-val="" data-val-required="" name="[5].UniqueValue[3].IsSelected" type="checkbox" value="true"><input name="[5].UniqueValue[3].IsSelected" type="hidden" value="false"> grapes
 </div>
 <div class="fruit">
      <input data-val="true" data-val-number="" data-val-required="" name="[5].UniqueValue[2].Id" type="hidden" value="321">
      <input name="[5].UniqueValue[2].fruit" type="hidden" value=".bananas">
      <input data-val="" data-val-required="" name="[5].UniqueValue[2].IsSelected" type="checkbox" value="true"><input name="[5].UniqueValue[2].IsSelected" type="hidden" value="false"> bananas
 </div>
 <div class="fruit">
      <input data-val="true" data-val-number="" data-val-required="" name="[5].UniqueValue[1].Id" type="hidden" value="456">
      <input name="[5].UniqueValue[1].fruit" type="hidden" value=".grapes">
      <input data-val="" data-val-required="" name="[5].UniqueValue[1].IsSelected" type="checkbox" value="true"><input name="[5].UniqueValue[1].IsSelected" type="hidden" value="false"> grapes
 </div>

Answer 1

您可以使用 :gt()和 :has()选择器。

FIDDLE

$('.fruit > [name$=fruit]').each(function () {
    $('.fruit:has([value="' + $(this).prop('value') + '"]):gt(0)').remove();
});