JQuery 将事件设置为复选框选中/未选中

Question

<input type="checkbox" name="Rates">Rates<br />
<input type="checkbox" name="RatesSpecific">Rates (All-In-Rate, PV01)<br />

这些需要保留复选框(因为不仅仅是这两个)。但是，如何将 JQuery 事件设置为一次仅检查其中一个，并在检查另一个时将另一个灰显？

Answer 1

这使得复选框元素就像单选按钮一样，但它们需要是同级元素。

$("input[type=checkbox]").change(function(){
   if($(this).prop('checked')){
     $(this).siblings("input[type=checkbox]").prop('checked', false);
   }
});

也许您应该考虑使用单选按钮？