JSFiddle - React, Tailwind, and code Playground

HTML

<div class="munna">                    
<input class="example" id="chk_1"  type="checkbox"  value="1" onClick="document.getElementById('cutting_price').focus();" >Название 1
<div id="chk_1_box" class="box"><input type="text" value="" size="25"  name="cutting_price" id="cutting_price" onChange="post_production()" placeholder="Придумайте название"/>            
                              </div>
                              </div>

<div class="munna">                    
<input class="example" id="chk_2"  type="checkbox"  value="1" onClick="document.getElementById('lamination_price').focus();">Название 2
<div id="chk_2_box" class="box">
                                    
                                    <input class="example" type="text" size="25" value=""  name="lamination_price" id="lamination_price" onChange="post_production()" placeholder="введите имя"/>
                              </div>
                              </div>

CSS

.box {
  display: none;
}

JavaScript

$(function(){
    $("input[type='checkbox']").change(function(){
    
      $("input[type='checkbox']").prop('checked', false); // uncheck all
      $(this).prop('checked', true); // check this
      
      $('.box').hide(); // hide all divs
        
        if($(this).is(":checked"))
        {
            $("#"+$(this).attr("id")+"_box").show();
        }
    });
});