JSFiddle - React, Tailwind, and code Playground

HTML

<input name="menubanquet[]" value="menu1" type="checkbox" id="mb1" />menu 1<br/>
<input name="menubanquet[]" value="menu2" type="checkbox" id="mb2" />menu 2<br/>
<input name="menubanquet[]" value="menu3" type="checkbox" id="mb3" />menu 3<br/>
<input name="menubanquet[]" value="menu4" type="checkbox" id="mb4" />menu 2<br/>

 <input name="nb_personne1" type="number" min="1" max="20" value="1"/><br/>
  <input name="nb_personne2" type="number" min="1" max="20" value="1"/><br/>
   <input name="nb_personne3" type="number" min="1" max="20" value="1"/><br/>
    <input name="nb_personne4" type="number" min="1" max="20" value="1"/><br/>

JavaScript

$(function(){
$("[name^='nb_personne']").hide();
$("[id^='mb']").on('change', function(){
 menuid = $(this).attr('id').match(/\d/)[0];
 if( $(this).is(":checked")){ 
 	 $("[name='nb_personne"+menuid+"']").show();
  console.log("#nb_personne"+menuid)
  }
 else{
 $("[name='nb_personne"+menuid+"']").hide();
 }
})

});