JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row inputs-wrapper">
  <div class="col-md-9"><input type="checkbox" class="enable"> Ambitieux</div>
  <div class="col-md-2"><input type="radio" class="test" name="qualite[Ambitieux]" value="Point Fort"  disabled></div>
  <div class="col-md-1"><input type="radio" class="test" name="qualite[Ambitieux]"  value="Point Faible" disabled></div>
</div>
      <div class="row inputs-wrapper">
  <div class="col-md-9"><input type="checkbox" class="enable"> Ambitieux</div>
  <div class="col-md-2"><input type="radio" class="test" name="qualite[Ambitieux]" value="Point Fort"  disabled></div>
  <div class="col-md-1"><input type="radio" class="test" name="qualite[Ambitieux]"  value="Point Faible" disabled></div>
</div>
      <div class="row inputs-wrapper">
  <div class="col-md-9"><input type="checkbox" class="enable"> Ambitieux</div>
  <div class="col-md-2"><input type="radio" class="test" name="qualite[Ambitieux]" value="Point Fort"  disabled></div>
  <div class="col-md-1"><input type="radio" class="test" name="qualite[Ambitieux]"  value="Point Faible" disabled></div>
</div>

JavaScript

(function($){
$("input.enable[type='checkbox']").change(function() {

        var self = $(this),
        wrapper = self.parents(".inputs-wrapper"),
        radio  = $("input[type='radio']", wrapper);

        return self.is(':checked') ? radio.removeAttr('disabled') : radio.attr('disabled', 'disabled');
});
})(jQuery);