Как показать элемент если выбраны input?

Question

[Антон]

<!-- Первая группа кнопок -->
<input id="15234" type="radio" name="group" value="1923">
<input id="12544" type="radio" name="group" value="1343">

<!-- Вторая группа кнопок -->
<input id="24426" type="radio" name="linz" value="1280">
<input id="23443" type="radio" name="linz" value="2340">

<style>
#itogo{display:none;}
</style>

<div id="itogo">Результат:</div>

Как показать div если выбраны input из первой и второй группы кнопок одновременно.

Answer 1

[Пашенька]

var radios = document.querySelectorAll('[type="radio"]'),
		div = document.getElementById('itogo');

document.addEventListener('change', function(event) {
    if (event.target.type.toLowerCase() === 'radio') {
    	var group = event.target.name;
      for (var i = 0; i < radios.length; i++) {
             
      	if (radios[i].name !== group && radios[i].checked) {
        	div.style.display = 'block';
        	break;
        }
      }
    }
});

Answer 2

[Pavel Kuzyakin]

https://jsfiddle.net/7b9amoyj/16/

Comments

[Антон]

Я не уточнил, извините, можно ли привязываться не к id, а к name? (массив)