JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" 
id="lebundle_parent_0_enfant_0_typeElement_0" 
name="lebundle[parent][0][enfant][0][typeElement]" 
required="required" 
class="" value="type_elem0">
 
<input type="radio" 
id="lebundle_parent_0_enfant_0_typeElement_1" 
name="lebundle[parent][0][enfant][0][typeElement]" 
required="required" 
class="" value="type_elem1">

<select id="lebundle_parent_0_enfant_0_option1" 
name="lebundle[parent][0][enfant][0][option1]" 
class=" form-control">
 <option value="1"> toto </option>
<option value="2"> titi </option>
<option value="3"> tata </option>
<option value="4"> tutu </option>
</select>
<select id="lebundle_parent_0_enfant_0_option2" 
name="lebundle[parent][0][enfant][0][option2]" 
class=" form-control">
<option value="1"> toto </option>
<option value="2"> titi </option>
<option value="3"> tata </option>
<option value="4"> tutu </option>
</select>

CSS

.normal { color: #000000;}
.sel { color: #ff0000;}

JavaScript

$( function(){

$(":radio").on('click', function(){
  sel= "#lebundle_parent_";
  tabsel=$(this).attr('id').match(/\d/g);
  sel=sel+tabsel[0]+"_enfant_"+tabsel[1]+"_option"+ (+tabsel[2]+1);
  console.log(sel)
  $('select').removeClass('sel');
  $(sel).addClass('sel');

})

})