使用javascript在单独的组中添加单选按钮值

我有一个带有单选按钮的表单，我正在使用javascript循环，并将所有单选按钮的总和返回到页面底部的输入元素。我使用的脚本是这样的，它工作得很好

<script type="text/javascript">
function checkTotal() {
var radios = document.querySelectorAll('input[type=radio]'),
    sumField = document.querySelector('input[type=text]');
    var sum = 0;

    for (var i = 0, len = radios.length - 1; i <= len; i++) {
        if (radios[i].checked) {
            sum += parseInt(radios[i].value);
        }
    }
    sumField.value = sum;
}
</script>

函数checkTotal（）{
var radios=document.querySelectorAll（'input[type=radio]'），
sumField=document.querySelector（'input[type=text]'）；
var总和=0；
对于（var i=0，len=radios.length-1；i根据我对问题的理解，下面是我的答案。这是小提琴

jquery对你有好处吗？请发布相关代码（HTML、CSS以及JavaScript）在这里，将演示发布到一个我们可以查看和编辑代码的网站上，例如，在许多其他网站中。浏览您的网站并不像您想象的那么有趣，创建更新/修改要困难得多。帮助我们帮助您，您会得到更好、更快的答案。我想出来了，我的朋友我的想法是正确的，我只需要确保我所有的变量都是正确的。无论如何，谢谢。。
function enableQ(cls) {
  var ele = document.querySelectorAll('.' + cls)[0],
    ev = (document.addEventListener ? "#addEventListener" : "on#attachEvent").split('#');
  ele[ev[1]](ev[0] + "change", function () {
    var radios = ele.querySelectorAll('[type="radio"][value="1"]:checked').length;
    ele.querySelector('[type="text"]').value = radios;
  });

}

enableQ("rad-grp");