Javascript Когда флажок не установлен, removeclass и removeAttr

Question

У меня возникли проблемы с добавлением прослушивателя событий, когда флажок не установлен, чтобы очистить атрибут "required" класса. Я попытался переместить его за пределы функции прослушивания, когда она проверена. У меня все еще не было успеха. Пожалуйста, помогите.

$(document).ready(function(){ 

  $('#q20 input').change(function () {
  $("#q20 input:checked").each(function(){

  if ($(this).val() == "Need")
    {
     $('#q24 label').append('<span class="cf-required">*</span>');
     $('#q24 input').attr('required', 'True');
    }
  else if ($(this).val() == null)
    {
     $('#q24 span.cf-required').remove();
     $('#q24 input').removeClass('required').removeAttr('required');
    }
  });
 });
});