Javascript 从表单中删除重复的复选框

我有一个由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>

葡萄
香蕉
葡萄

您可以使用和选择器

---

@archytect已修复，我将

value=val

更改为

value=“val”

，这样更安全。@archytect我很高兴听到这个消息！嘿，plalx，还有一个问题，如果它被简化为只有单词，没有任何输入字段，会怎么样？

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