Javascript show div, когда все переключатели отмечены

Question

У меня есть код, который может показывать div каждый раз, когда я нажимаю переключатель, и он работает нормально. Проблема в том, что я хочу, чтобы все радиокнопки были проверены, а затем отобразится div.

Вот мой код для кнопки 1 радио

function showstuff(nxt){ 
    document.getElementById(nxtb).style.display="block"; 
} 

<input id="ny" name="ny" type="radio" onClick="document.getElementById('ny').checked = 
true; showstuff('nxt');" /> 

<div id="nxtb">Next</div> 

Заранее спасибо

Answer 1

Вот решение без назойливой JavaScript (то есть onclick атрибуты):

/* 
* Convert to array so we can use `forEach()` and `every()` 
*/ 
function toArray(any) { 
    return Array.prototype.slice.call(any); 
} 

var observed = toArray(document.querySelectorAll('[data-observe]')); 
var listened = []; 
var result = document.querySelector('#result'); 

/* 
* Gather all elements we want to listen for change: 
* observed elements and their siblings with the same name 
*/ 
observed.forEach(function (target) { 
    var siblings = toArray(document.querySelectorAll('[name=' + target.name +']')); 
    listened = listened.concat(siblings); 
}); 

listened.forEach(function (radio) { 
    radio.addEventListener('change', function() { 
     var checked = observed.every(function (item) { 
      return item.checked; 
     }); 

     checked ? 
      result.removeAttribute('hidden') : 
      result.setAttribute('hidden', 'true'); 
    }); 
}); 

Demo: http://jsfiddle.net/sZHAA/1/