JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<form>
    <div id='step_one'><h4>Шаг 1</h4>
        <label>название организации</label><br>
        <input type="text"><br>
       <label>Тип организации</label><br>
            <input type="checkbox" value=""gov> Государственная<br>
            <input type="checkbox" value=""gov> Международная<br>
            <input type="checkbox" value=""gov> Бизнесс, ТПП, общественная<br>
            <input type="checkbox" value=""gov> Коммерческая<br>    
    </div>
    <div id="step_two"><h4>Шаг 2</h4>
        <input type="text">
    </div>
    <input type="button" value="next" disabled>            
</form>

CSS

* {
    font-family:Calibri;
    font-size:12px;
}

#step_two {
    display:none;
}

JavaScript

$("div#step_one").on('keyup',function(){
    if($(this).is(':visible')){
        if($("input",this).length > 0){
            console.log("nott ");
            $("input:checkbox",this).on('click', function(){
                if($(this).is(':checked')){
                 console.log($(this).indexOf);
                }
            });
        }
                
   }
});