Question

有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");
      }
     }); 
  });

Answer 1

执行此操作的简单方法是计算选择的“否”的数量。如果为零，则可以，否则为红色

 $('.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");
      } 
 });

获取特定的单选按钮

1 个答案: