Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   достать value с полей с одинаковым классом (https://javascript.ru/forum/misc/24664-dostat-value-s-polejj-s-odinakovym-klassom.html)

zloctb 09.01.2012 19:29

достать value с полей с одинаковым классом
 
Есть несколько инпутов с одинаковым классом.
Пользователь в эти инпуты вводит разные значения. Мне нужно перебрать все эти инпуты, собрать значение .attr('value') и их сложить.
Вот что получилось
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>

<body>
<form>
<input type="text" class="one" value="one1"/>

<input type="text" />
<input type="text" />
<input type="text" class="one" value="one2"/>
<input type="button" onclick="zz()" />
</form>
<script>
function zz(){
aa=document.getElementsByTagName('input')
for(i=0;i<aa.length;i++){
if(aa[i].className=='one'){
//////что здесь????
}
	
}

}
</script>
</body>
</html>

Помогите

devote 09.01.2012 19:34

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
 
<body>
<form>
<input type="text" class="one" value="one1"/>
 
<input type="text" />
<input type="text" />
<input type="text" class="one" value="one2"/>
<input type="button" onclick="zz()" />
</form>
<script>
function zz(){
    var all = 0, allText = "", i, aa = document.getElementsByTagName('input');
    for( i = 0; i < aa.length; i++ ) {
        if ( aa[ i ].className == 'one' ) {
            //////что здесь????
            all += ( parseFloat( aa[ i ].value ) || 0 );
            allText += aa[ i ].value;
        }
    }
    alert( all );
    alert( allText );
}
</script>
</body>
</html>

zloctb 09.01.2012 19:54

пасиб!Работает :)
Зачем строка all += ( parseFloat( aa[ i ].value ) || 0 ); и причем parseFloat:blink: :blink: :blink: ?

devote 09.01.2012 19:55

просто на всякий случай, если ты хочешь цифры в полях ввода складывать, ты же не объяснил что именно тебе нужно сложить. Я и сделал два варианта


Часовой пояс GMT +3, время: 20:49.