JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<form action="" method="post" id="myForm" sourceindex="5">
					<div class="row">
						<div class="span8">
						 <p><b>Тип организации</b></p>
							<label><input id="gos" type="checkbox" onclick="" name="type[]" value="1" sourceindex="6">Государственный орган</label>
							<label><input id="gos" type="checkbox" onclick="" name="type[]" value="2" sourceindex="7">Международная организация</label>
							<label><input id="gos" type="checkbox" onclick="this.form.submit()" name="type[]" value="3" sourceindex="8">НПО (ассоциация, торгово-промышленная палата и др.)</label>
						    <label><input id="commerce" onclick="this.form.submit()" type="checkbox" name="type[]" value="4" sourceindex="9">Коммерческая организация (ТОО, ИП и др.)</label>
							
						</div>
						<div id="block_sep"></div>
						<div class="span4" id="export_product">	
							<p><b>Вы ищите экспортера, который может поставлять</b></p>
							<label><input type="checkbox" name="products[]" value="1" sourceindex="10">Свежие фрукты/овощи</label>
							<label><input type="checkbox" name="products[]" value="2" sourceindex="11">Сухофрукты, консервированные овощи</label>
							<label><input type="checkbox" name="products[]" value="3" sourceindex="12">Зерно, мука</label>
							<label><input type="checkbox" name="products[]" value="4" sourceindex="13">Растительное масло</label>
							<label><input type="checkbox" name="products[]" value="5" sourceindex="14">Молочная продукция</label>
							<label><input type="checkbox" name="products[]" value="6" sourceindex="15">Напитки</label>
							<label><input type="checkbox" name="products[]" value="7" sourceindex="16">Одежда</label>
							<label><input type="checkbox" name="products[]" value="8" sourceindex="17">Ткани</label>
							<label><input type="checkbox" name="products[]" value="9" sourceindex="18">Ковры</label>
							<label><input type="checkbox" name="products[]" value="10" sourceindex="19">Бытовая химия</label>
							<label><input...

CSS

label {
    display:block;
}

JavaScript

var er = $("form#myForm input");
var atrS = new Array();
var atrP = new Array();

er.each(function(){
 var cAn = $(this).attr('name');
 atrS.push(cAn);   
});

$.unique( atrS);

var sK = $("#myForm input[name='"+atrS[0]+"']");

sK.click(function(){

    if($(this).prop('checekd')){
    alert("checeked");
    } else {
         alert("NOT checeked");
        
    }
    
});

sK.css({ margin : 20});

sK.each(function(){
       
    if($(this).prop('checked')){
    console.log("checked");
    } else {
          console.log("NOT checked");
    }

});