Как правильно повесить прослушивание события?

Question

[Александр Nameless08]

Всем привет!

Создал функцию конструктор для нескольких похожих калькуляторов на сайте. Я передаю в нее id для каждого нового калькулятора. Вопрос следующий - могу ли я обработку событий прописать в самом конструкторе? То есть чтобы вызывать метод таким образом:

<script src="pub/js/Calc.js"></script>
<script>
    'use strict';
    var calcMain = new Calc('calcMain');
    calcMain.elector();
</script>

В данном случае данный метод должен отслеживать событие 'change' на checkbox или radio и обрабатывать все необходимые параметры от них.
Пока у меня знаний и мозгов хватило сделать только так:

<script src="pub/js/Calc.js"></script>
	'use strict';
    var calcMain = new Calc('calcMain');
    $('#calcMain').on('change', function(event){
        calcMain.elector(event.target);
    });

То есть обработчик вне функции

Answer 1

[Stalker_darkway]

Можно так:
$('#input').click(function(){
if($(this).is(':checked')){
console.log('checked');
}else{
console.log('not checked');
}
});

Comments

[Александр Nameless08]

Как обработать я в принципе понимаю, а как обработчик в функцию конструктор втащить. То есть чтобы он был не вне, а внутри:

function Calc(id){

	var calc, wrZero, wrOnetime, wrRegular, sList, data = {};

	calc = $('#' + id);
	wrZero = $('#' + id + 'Zero');
	wrOnetime = $('#' + id + 'Onetime');
	wrRegular = $('#' + id + 'Regular');
	sList = $('#' + id + 'sList');

	this.elector = function(goal){
		alert('Выбран ' + goal);
	};
  
       ...    
  
};

часть функции