Итерация только через определенные радиогруппы, в пределах большего набора радиогрупп - PullRequest
Новая
       6

Итерация только через определенные радиогруппы, в пределах большего набора радиогрупп

2 голосов
/ 01 октября 2010

У меня есть форма с 26 вопросами, у всех из которых есть группы переключателей в качестве варианта ответа для пользователя (он рассчитывает фактор риска для конкретного инвазивного вида растения для данного свойства).В конце, выбранное значение в каждой радиогруппе суммируется.

Что усложняет то, что у пользователя есть возможность заполнить анкету для 5 различных инвазивных видов растений;другими словами, у меня есть 26 строк и 5 столбцов, и в конце мне нужно подсчитать каждый столбец отдельно.Я сделал это с помощью getElementsByClassName, и он работает как шарм в Firefox, но не в IE.И, к сожалению, клиент, для которого я это делаю, использует IE в качестве стандарта пользователя.Я пробовал несколько общих функций getElementsByClassName, размещенных в Интернете, но, похоже, они не работают;Я все время получаю сообщение об ошибке на странице.

Функция, успешная в Firefox, выглядит следующим образом: 

function addSpecies1(frm, resultHolder)
{
var elems = frm.getElementsByClassName('species1'),
calculator = elems.length,
total = 0;
for(var i=0; i<calculator; i++)
if(elems[i].type=='radio' && elems[i].checked  && !isNaN(elems[i].value))
total+=parseFloat(elems[i].value);
resultHolder.value=total;
}

Возможно, ответ очень прост (я начинающий!), Но ябольше недели бьюсь головой о стену ...

1 Ответ

1 голос
/ 01 октября 2010

Лучше всего и проще всего было бы использовать jquery .он заботится о большинстве кросс-браузерных проблем.вы можете сделать getElementsByClassName, используя $('.species1').

Если вы не хотите использовать jquery , вы можете использовать следующий фрагмент кода 

var inputs = document.getElementsByTagName('INPUT');
var inputlen = inputs.length;
var result = new Array();

for(var i=0;i<inputlen;i++)
{
   if( inputs[i].className == 'species1' && input.checked)
      result.push(inputs[i]);
}

результат содержит все выбранные флажки с классом видов1 .Вы также можете использовать цикл, чтобы получить проверенные

...