Помогите начинающему в JS.
Имеем такой вывод фасовки товара.
<div class="radio" id="change-ploschad">
<input class="shk_param" type="radio" name="tovar-ves__12" value="0__1160" id="tovar-ves120" checked="checked" onclick="Selected(this)" /> <label for="tovar-ves120">5 кг</label>
<input class="shk_param" type="radio" name="tovar-ves__12" value="1__3640" id="tovar-ves121" onclick="Selected(this)" /> <label for="tovar-ves121">20 кг</label>
</div>
Необходимо вывести информационный блок в зависимости от выбранной фасовки. Вывожу их скрытыми:
<p id="area5" style="display:none;">5 кг = 200м2</p>
<p id="area20" style="display:none;">20 кг = 800м2</p>
Далее мой кривой нерабочий код:
<script>
function Selected(a) {
var x = a.value;
var label = x.getElementsByTagName("label");
if (label=='5 кг') {
document.getElementById("area5").style.display='block';
document.getElementById("area20").style.display='none';
}
if(label=='20 кг'){
document.getElementById("area5").style.display='none';
document.getElementById("area20").style.display='block';
}
else {
document.getElementById("area5").style.display='none';
document.getElementById("area20").style.display='none';
}
}
</script>
Фасовки пока что существует только 5 кг и 20 кг, поэтому нужно работать только с этими данными.