Javascript Подскажите как узнать родительский елемент

Некрасивое решение, но до жути простое.

<label><input type="checkbox" name="checkbox[11]" data-id="12" data-main='22" value="12" class="ch_spec ch"><span>Автовоз</span></lab

$(document).ready(function(){
	$('.ch_spec').click( function() { 
  	alert( $(this).parent().parent().prev().children('.main_ch').data('id') );
  });
});

а вообще Content-pro, все верно сказал, заведите еще одно поле data

    $(document).ready(function(){
        $('.ch_spec').click( function() {
            alert( $('.main_ch').data('id'));
        });
    });

Не проканает, как я понял родительских элементов будет несколько.

Да, все верно. Если несколько элементов, подойдет код imagine.

Вот так еще можно:

    $(document).ready(function(){

            $('.ch_spec').click( function() {

                alert($(this).closest('div').prev().find('.main_ch').data('id'));

            });

        });

<input id="mainCh" type="checkbox" value="4" name="main" class="main_ch" data-id="22"><span>Специальная техника</span>



<div id="mainDiv" class="bodyTypesContainer inner">

	

	<input type="checkbox" name="checkbox[10]" data-id="11" value="11" class="ch_spec ch"><span>Автоцистерна</span>

	

	<input type="checkbox" name="checkbox[11]" data-id="12" value="12" class="ch_spec ch"><span>Автовоз</span>



</div>



<script>

	var mainCh = document.getElementById('mainCh');

	var mainDiv = document.getElementById('mainDiv');

	mainDiv.addEventListener('click', function(e) {

		if ( e.target.className = 'ch_spec' ) {

			e.preventDefault();

			alert(mainCh.getAttribute('data-id'));

		}

	}, false);

</script>

<input id="mainCh" type="checkbox" value="4" name="main" class="main_ch" data-id="22"><span>Специальная техника</span>



<div id="mainDiv" class="bodyTypesContainer inner">

	

	<input type="checkbox" name="checkbox[10]" data-id="11" value="11" class="ch_spec ch"><span>Автоцистерна</span>

	

	<input type="checkbox" name="checkbox[11]" data-id="12" value="12" class="ch_spec ch"><span>Автовоз</span>



</div>



<script>

	var mainCh = document.getElementById('mainCh');

	var mainDiv = document.getElementById('mainDiv');

	mainDiv.addEventListener('click', function(e) {

		if ( e.target.className = 'ch_spec' ) {

			e.preventDefault();

			alert(mainCh.getAttribute('data-id'));

		}

	}, false);

</script>

у вас опечатка в условии, код будет выполняться всегда "=" не катит, нужно "==" мы же сравниваем, а не присваиваем.

<input id="mainCh" type="checkbox" value="4" name="main" class="main_ch" data-id="22"><span>Специальная техника</span>



<div id="mainDiv" class="bodyTypesContainer inner">

	

	<input type="checkbox" name="checkbox[10]" data-id="11" value="11" class="ch_spec ch"><span>Автоцистерна</span>

	

	<input type="checkbox" name="checkbox[11]" data-id="12" value="12" class="ch_spec ch"><span>Автовоз</span>



	<input type="checkbox" name="checkbox[11]" data-id="12" value="12" class="ch_test ch"><span>Автовоз</span>



</div>



<script>

	var mainCh = document.getElementById('mainCh');

	var mainDiv = document.getElementById('mainDiv');



	mainDiv.addEventListener('click', function(e) {



		if ( e.target.classList.contains('ch_spec') ) {

			e.preventDefault(); 

      alert(mainCh.getAttribute('data-id')); 

		}



	}, false);

</script>

Кстати да,еще вариант на чистом javascript

document.addEventListener("DOMContentLoaded", function () {

    [].forEach.call(document.querySelectorAll('.ch_spec'), function (el) {

        el.addEventListener('click', function(e) {

            alert(e.target.closest('div').previousElementSibling.querySelector('.main_ch').getAttribute('data-id'));

        }, false);

    });

});

datum, по-моему, атрибут "data-id" для инпута это нечто невалидное. Да и не нужен он т.к. почти везде дублирует value.