选中所有单选按钮时Javascript显示div

我有一个代码，可以显示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>

函数showtuff（nxt）{
document.getElementById（nxtb.style.display=“block”；
}
下一个

---

提前感谢

这里有一个没有突出JavaScript的解决方案（即

onclick

attributes）：

---

演示：

如果您的意思是-您希望选择所有单选按钮来显示div，并且您有多个单选按钮。。您可能希望使用复选框。如果您仍然表示您有单独的单选按钮选项，请使用class而不是ID。。让我确切地知道你的意思，我可以帮助你。谢谢你的回答，所有单选按钮，因为在我的表格上，将有3个问题，每个问题有3个单选按钮，每个问题必须检查，以便隐藏div，这是按钮将显示。对不起，我没有多解释。

/*
 * 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');
    });
});