Как правильно вызвать функцию при нажатии на radio?

Question

[m4f1]

Как правильно ссылаться на элементы страницы средствами javascript?
Нужно сделать так, чтобы при нажатии на один элемент radio выполнялась определенная функция, на второй аналогично:
1) Курьер (СДЭК|Посылка)
2) Пункты самовывоза (СДЭК|Посылка)

Код ниже нет возможности отредактировать, создается каждый раз когда человек вызывает форму!

<div id="second-part">
<div id="sample_form_deliv" class="cart_delivery b-field clearfix">	
<fieldset required="" class="b-checkbox-group">		
<legend class="p_header bold">Способ доставки:</legend>		
<label class="input-label left">			
<input class="b-check-box" type="radio" data-rate="380" value="759" name="sample_form_deliv"><span></span>
			Курьер (СДЭК|Посылка) (380 ₽)		
</label>		
<label class="input-label left">			
<input class="b-check-box" type="radio" value="75" name="sample_form_deliv"><span></span>
			Пункты самовывоза (СДЭК|Посылка)		
</label>	
</fieldset>
</div></div>

Answer 1

[Mysterion]

function fnc() {
	alert('function called');
}
window.onload=function(){
	var b = document.getElementsByName("sample_form_deliv");
	var p = null;
	for (var i = 0; i < b.length; i++) {
		b[i].addEventListener('change', function() {
			if (this !== p) {
				prev = this;
				fnc();
			}
		});
	}
}

Comments

[m4f1]

Как сделать отдельно функцию на 1 элемент и отдельно на второй?

[m4f1]

по сути, мне надо if else, как ваш код переработать в такой вариант?

[Moses Fender]

можно так

(function(){
	document.addEventListener('change', function(ev){
		if(ev.target.name == 'sample_form_deliv'){
			switch(ev.target.value){
				case 75:
				/* Тут движуха для Пункты самовывоза (СДЭК|Посылка) */
				break;
				case 759:
				/* Тут подвиги Курьер (СДЭК|Посылка) */
				break;
			}
		}
	});
})();

Answer 2

[Сергей Карвасарный]

Можешь так, можешь брать querySelectorAll - все радио с определенным классом или в определенном блоке и сравнивать там не знаю по name или еще чему- radio === checked ? 1 : 2; Только не забывай - радио 1 из группы может быть активен)

const radio1 = document.querySelector('.radio-1');
const radio2 = document.querySelector('.radio-2');
const myFunction1 = () => {
 console.log('radio1');
}
const myFunction2 = () => {
 console.log('radio2');
}
radio1.addEventListener('change', myFunction1);
radio2.addEventListener('change', myFunction2);

Comments

[m4f1]

там есть значение value="75" можно ли с помощью него сделать привязку?