Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> данные из полей??? ... 
:(
    Опции темы
hostsid
  Дата 7.10.2008, 01:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 30.9.2008

Репутация: нет
Всего: нет
Есть форма с полями...подскажите пожалуйста...как вытащить ТЕ данные (для дальнейшего их использования в расчётах), введенные юзером, чей ЧЕКБОКС включен!
Код

<form>
  <table width="350" borpr="0" bgcolor="#666666" style="float: left; margin-right: 21px;">
    <tr>
      <td align="center" bgcolor="#333333" colspan="3"><b>Кухня</b></td>
    </tr>
    <tr>
      <td class="point" width="160"><input type="checkbox" name="p1" />Холодильник</td>
      <td class="point" width="80"><input type="text" size="5" name="m_p1" />&nbsp;Вт</td>
      <td class="point" width="120"><input type="text" size="5" name="h_p1" />&nbsp;Час(ов)</td>
    </tr>
    <tr>
      <td class="point"><input type="checkbox" name="p2" />СВЧ</td>
      <td class="point"><input type="text" size="5"  name="m_p2" />&nbsp;Вт</td>
      <td class="point"><input type="text" size="5" name="h_p2" />&nbsp;Час(ов)</td>
    </tr>
    <tr>
      <td class="point"><input type="checkbox" name="p3" />Электрочайник</td>
      <td class="point"><input type="text" size="5"  name="m_p3" />&nbsp;Вт</td>
      <td class="point"><input type="text" size="5" name="h_p3" />&nbsp;Час(ов)</td>
    </tr>
</table>
</form>


Это сообщение отредактировал(а) hostsid - 7.10.2008, 01:35
PM MAIL ICQ   Вверх
bars80080
Дата 7.10.2008, 09:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
я б тебе посоветовал ввести ещё id в поля, хотя бы такие же, как имена

допустим fr - указатель на форму
Код

var fr = document.getelementById('id_form');
var el = fr.getElementsByTagName('input');
var ell = el.length;
var nm;
for(var i = 0; i < ell; i++) {
    if(el[i].type != 'checkbox') continue;
    if(!el[i].checked) continue;
    nm = el[i].name;
    alert('параметр 1: ' + document.getElementById('m_' + nm).value);
    alert('параметр 2: ' + document.getElementById('p_' + nm).value);    
}
PM MAIL WWW   Вверх
ksnk
Дата 7.10.2008, 10:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386
А куда вытаскивать-то? 
Вообще-то, imho, разумнее юзать Дом-структуру документа. 
Код

var inp=document.getElementsByTagName('input'),cc=inp.length;
while(cc--){
  if(inp[cc].type && inp[cc].type=='checkbox' && inp[cc].checked){
     var ii=inp[cc].parentNode.parentNode.getElementsByTagName('input');
     alert([inp[cc].name ,ii[1].value,ii[2].value]);
 }
}


Это сообщение отредактировал(а) ksnk - 7.10.2008, 10:49


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
hostsid
Дата 7.10.2008, 11:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 30.9.2008

Репутация: нет
Всего: нет
спасибо огромное....
возникла другая проблема..как сделать так, что б он значение этих полей преобразовывал в числа и суммировал (например) ?
PM MAIL ICQ   Вверх
bars80080
Дата 7.10.2008, 13:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
преобразовать в число можно и parseInt(), а можно и просто умножить на единицу *1
суммировать - знак "+"
PM MAIL WWW   Вверх
hostsid
  Дата 7.10.2008, 21:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 30.9.2008

Репутация: нет
Всего: нет
НЕ РАБОТАЕТ ((( ...хелп...
Код

function result() {
    var fr = document.getelementById('form');
    var el = fr.getElementsByTagName('input');
    var ell = el.length;
    var nm;
    for(var i = 0; i < ell; i++) {
        if(el[i].type != 'checkbox') continue;
        if(!el[i].checked) continue;
        nm = el[i].name;
        alert('параметр 1: ' + document.getElementById('m_' + nm).value);
        alert('параметр 2: ' + document.getElementById('h_' + nm).value);    
        }
    }

Код

<form name="form" id="form">
  <table width="350" borpr="0" bgcolor="#666666" style="float: left; margin-right: 21px;">
    <tr>
      <td align="center" bgcolor="#333333" colspan="3"><b>Кухня</b></td>
    </tr>
    <tr>
      <td class="point" width="160"><input type="checkbox" name="p1" id="p1" onclick="show_p(this);"/>Холодильник</td>
      <td class="point" width="80"><input type="text" size="5" name="m_p1" id="m_p1" disabled />&nbsp;Вт</td>
      <td class="point" width="120"><input type="text" size="5" name="h_p1" id="h_p1" disabled />&nbsp;Час(ов)</td>
    </tr>
    <tr>
      <td class="point"><input type="checkbox" name="p2" id="p2" onclick="show_p(this);"/>СВЧ</td>
      <td class="point"><input type="text" size="5"  name="m_p2" id="m_p2" disabled />&nbsp;Вт</td>
      <td class="point"><input type="text" size="5" name="h_p2" id="h_p2" disabled />&nbsp;Час(ов)</td>
    </tr>
    <tr>
      <td class="point"><input type="checkbox" name="p3" id="p3" onclick="show_p(this);"/>Электрочайник</td>
      <td class="point"><input type="text" size="5"  name="m_p3" id="m_p3" disabled />&nbsp;Вт</td>
      <td class="point"><input type="text" size="5" name="h_p3" id="h_p3" disabled />&nbsp;Час(ов)</td>
    </tr>
</table>

<button type="button" onclick="result();" style="color: #339900;"><b>рассчет</b></button>

</form>
PM MAIL ICQ   Вверх
bars80080
Дата 7.10.2008, 22:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
и где что суммируется? что не работает-то?
PM MAIL WWW   Вверх
hostsid
  Дата 7.10.2008, 23:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 30.9.2008

Репутация: нет
Всего: нет
дык даже алерт не работает. не показывает ничего...
PM MAIL ICQ   Вверх
bars80080
Дата 7.10.2008, 23:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315
ёксель-моксель, я ошибся в одной букве, а ты и поверил. неужели у тебя показ ошибок отключён?
Код
<html><body>
<script>
function result() {
    var fr = document.getElementById('form'); 
    var el = fr.getElementsByTagName('input');
    var ell = el.length;
    var nm;
    for(var i = 0; i < ell; i++) { 
        if(el[i].type != 'checkbox') continue;
        if(!el[i].checked) continue;
        nm = el[i].name;
        alert('параметр 1: ' + document.getElementById('m_' + nm).value);
        alert('параметр 2: ' + document.getElementById('h_' + nm).value);    
        }
    }
function show_p(x) {
return;
}
</script>
<form name="form" id="form">
  <table width="350" borpr="0" bgcolor="#666666" style="float: left; margin-right: 21px;">
    <tr>
      <td align="center" bgcolor="#333333" colspan="3"><b>Кухня</b></td>
    </tr>
    <tr>
      <td class="point" width="160"><input type="checkbox" name="p1" id="p1" onclick="show_p(this);"/>Холодильник</td>
      <td class="point" width="80"><input type="text" size="5" name="m_p1" id="m_p1" disabled />&nbsp;Вт</td>
      <td class="point" width="120"><input type="text" size="5" name="h_p1" id="h_p1" disabled />&nbsp;Час(ов)</td>
    </tr>
    <tr>
      <td class="point"><input type="checkbox" name="p2" id="p2" onclick="show_p(this);"/>СВЧ</td>
      <td class="point"><input type="text" size="5"  name="m_p2" id="m_p2" disabled />&nbsp;Вт</td>
      <td class="point"><input type="text" size="5" name="h_p2" id="h_p2" disabled />&nbsp;Час(ов)</td>
    </tr>
    <tr>
      <td class="point"><input type="checkbox" name="p3" id="p3" onclick="show_p(this);"/>Электрочайник</td>
      <td class="point"><input type="text" size="5"  name="m_p3" id="m_p3" disabled />&nbsp;Вт</td>
      <td class="point"><input type="text" size="5" name="h_p3" id="h_p3" disabled />&nbsp;Час(ов)</td>
    </tr>
</table>

<button type="button" onclick="result();" style="color: #339900;"><b>рассчет</b></button>

</form>
</body></html>
PM MAIL WWW   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0814 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.