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" style="display:none ;"><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" style="display:none;">
                                    
                                    <input class="example" type="text" size="25" value=""  name="lamination_price" id="lamination_price" onChange="post_production()" placeholder="введите имя"/>
                              </div>
                              </div>

JavaScript

$(function(){
    $("input[type='checkbox']").change(function(){
        
        if($(this).is(":checked"))
        {
            $("#"+$(this).attr("id")+"_box").show();
        }
        else{
          $("#"+$(this).attr("id")+"_box").find("input[type='text']").val("")  ;
$("#"+$(this).attr("id")+"_box").hide(); 
             }
    });
});