Javascript 获取特定单选按钮

有5个单选按钮（是或否），我想做的是，每当我选择“是”时，我的文本区就会变成红色，我已经做到了。但问题是，每当我只选择一个“是”并将其更改为“否”时，文本区域的颜色仍然保持为红色

 $('.com_lease_checkbox').on("change", function() {
     console.log($(this).val());
     $(".com_lease_checkbox:checked").each(function(){
       // Check if the value is Yes
       if ($(this).is(':checked') && $(this).val() == 'Yes') {
         // Set the color of text-area
         $('.com_lease_desc_a').css("border-color","red");
      }
     }); 
  });

---

做这件事的简单方法是计算有多少选择的“否”。。如果它是零，它是好的，否则红色

 $('.com_lease_checkbox').on("change", function() {
      //var selectedYesCheckBoxesCount = $(".com_lease_checkbox[value='Yes']:selected").length;
      var selectedNoCheckBoxesCount = $(".com_lease_checkbox[value='No']:selected").length;

      if(selectedNoCheckBoxesCount > 0) {
            $('.com_lease_desc_a').css("border-color","red");
      } 
      else {
            $('.com_lease_desc_a').css("border-color","green");
      } 
 });

---

这很明显，因为您已经设置了边框颜色，但没有从另一个单选按钮中删除它。它不仅仅是要自己移除红色边界。一个更简单的方法是在css中设置边框颜色，除非出于某种原因，这不是一个选项。使用ELSE的版本将不起作用，因为如果“否”不是循环中的最后一个，它将再次变为绿色