Как получить значение value из тега li?

Question

[Mesuti]

Привет!
Решил заменить чекбоксы с помощью списка ul и стилизовать. В итоге столкнулся с проблемой.

Как взять value значение из списка li ?

Вот в песочнице как раз получил значение из input и не могу прибавить к нему data-attr у списка (
https://jsfiddle.net/Mesuti/5kugx8j6/5/

Answer 1

[x404]

function costCalculator() { 
	result.innerHTML = parseInt(area.value) + $('.rooms.active').attr('data-attr');
}

Comments

[Mesuti]

Прибавляет но один вариант, если выбирать другой li, то ничего не происходит

[x404]

Александр Сорокин, Добавьте выполнение функции
onInput();
в
$('#room').on('click', 'li', function(){
В результате должно получиться:

$('#room').on('click', 'li', function(){		
		$(this).addClass('active').siblings().removeClass('active');
    onInput();
});

Готовый вариант - https://jsfiddle.net/wL2k32by/

Answer 2

[Mysterion]

function costCalculator() {
    document.getElementById('result').innerHTML = parseInt(document.getElementById('area').value) + 1;
}

Answer 3

[Вася]

parseInt($(".rooms.active").data("attr"))

Comments

[Mesuti]

Прибавляет но один вариант, если выбирать другой li, то ничего не происходит

[Вася]

Александр Сорокин, а при выборе другого li он не становится активом?