Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.09.2011, 12:18
Интересующийся
Отправить личное сообщение для MasterHrust Посмотреть профиль Найти все сообщения от MasterHrust
 
Регистрация: 15.07.2011
Сообщений: 16

Вывод выбранных данных и проверка checkbox
Здравствуйте!
Помогите решить 2 вопроса.
1).
У меня в online-калькуляторе есть выбор пользователю дверей.
Двери выбираются при помощи select и checkbox.
Вывод полей я сделал сам, а вот как сделать чтобы пользователь видел при выводе отчета, какие двери он выбрал.
Вот пример кода:
<tr>
<td>Цвет обрамления двери *:</td>
<td><select id='color' name="color">
<option value="0">Выбрать</option>
<option value="80">Серебро</option>
<option value="80">Золото</option>
<option value="80">Шампань</option>
<option value="80">Под дерево</option></td>
</tr>
<tr>
<td>Замер и выбор материалов:</td>
<td><input type="checkbox" id='zamer' name="zamer" checked value="4"></td>
</tr>


Например вот этих 2 значения.

Вывод:

Вы выбрали:
Цвет обрамления двери: Золото
Замер и выбор материалов: Да

Остальное я думаю по аналогии смогу сделать.

2).
Как сделать проверку checkbox'a.
Например:
Если checkbox отмечен, то считать его значение 4.
Если checkbox не отмечен, то считать его значение 0.

Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 28.09.2011, 12:27
Профессор
Отправить личное сообщение для Триви Посмотреть профиль Найти все сообщения от Триви
 
Регистрация: 23.04.2010
Сообщений: 354

Сообщение от MasterHrust Посмотреть сообщение
Как сделать проверку checkbox'a.
Например:
Если checkbox отмечен, то считать его значение 4.
Если checkbox не отмечен, то считать его значение 0.

Спасибо.
<input type="checkbox" id="zamer" />

<script type="text/javascript">
document.getElementById('zamer').onclick = function () {
  if (this.checked) alert('On'); else alert('Off');
}
</script>


пи.си. а вообще для этого используют radio
Ответить с цитированием
  #3 (permalink)  
Старый 28.09.2011, 15:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,782

Сообщение от MasterHrust
Помогите решить 2 вопроса.
Сколько платишь?
Ответить с цитированием
  #4 (permalink)  
Старый 28.09.2011, 17:44
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от MasterHrust Посмотреть сообщение
Здравствуйте!
Помогите решить 2 вопроса.
1).
У меня в online-калькуляторе есть выбор пользователю дверей.
Двери выбираются при помощи select и checkbox.
Вывод полей я сделал сам, а вот как сделать чтобы пользователь видел при выводе отчета, какие двери он выбрал.
Вот пример кода:
<tr>
<td>Цвет обрамления двери *:</td>
<td><select id='color' name="color">
<option value="0">Выбрать</option>
<option value="80">Серебро</option>
<option value="80">Золото</option>
<option value="80">Шампань</option>
<option value="80">Под дерево</option></td>
</tr>
<tr>
<td>Замер и выбор материалов:</td>
<td><input type="checkbox" id='zamer' name="zamer" checked value="4"></td>
</tr>


Например вот этих 2 значения.

Вывод:

Вы выбрали:
Цвет обрамления двери: Золото
Замер и выбор материалов: Да

Остальное я думаю по аналогии смогу сделать.
может, форму стоило бы показать?
и когда и где будет выводиться отчёт ?

я сделал в алерте. для любых элементов формы, за исключением file.
<form>
<table>
    <tr>
<td>Цвет обрамления двери *:</td>
<td><select id='color' name="color">
<option value="0" disabled>Выбрать</option>
<option value="80" selected>Серебро</option>
<option value="80">Золото</option>
<option value="80">Шампань</option>
<option value="80">Под дерево</option></select>
</td>
</tr>
<tr>
<td>Замер и выбор материалов:</td>
<td><input type="checkbox" id='zamer' name="zamer" checked value="4"></td>
</tr>
<tr>
<td>Радио:</td>
<td><input type="radio" name="xynta" value="atmta" checked><input type="radio" name="xynta" value="herna"></td>
</tr>
<tr>
<td>О себе расскажите:</td>
<td><textarea>не хочу</textarea></td>
</tr>  
<tr>
<td>Ваше имя :</td>
<td><input value="максимка"></td>
</tr>   
</table>
</form>
    
    <button id="a">отчёт</button>

<script>
// заюзал телепатию
var form = document.getElementById("zamer").form;

function makeRes(){
    //формирование отчёта
    var res = [];
    for(var i=0,el,value;el=form[i++];){

        value = " : ";
        
        if(~el.type.indexOf("select"))
            value += el[ el.selectedIndex ].text;
        else if(el.type=="checkbox")
            value += el.checked?"Да":"Нет";
        else if(el.type=="radio")
            if(el.checked)
                value+=el.value;
        else 
            continue;
        else
            value += el.value;
        
        el=el.parentNode.previousSibling;
        while(el&&el.tagName!="TD") 
            el=el.previousSibling; 
        
        value=el.innerHTML + value;
        res.push(value);
    }
    res=res.join("\n");
    
    // вывод отчёта
    alert( res );

};

document.getElementById("a").onclick = makeRes;
</script>



Сообщение от MasterHrust Посмотреть сообщение
2).
Как сделать проверку checkbox'a.
Например:
Если checkbox отмечен, то считать его значение 4.
Если checkbox не отмечен, то считать его значение 0.
Спасибо.
посмотреть , отмечен ли чекбокс, можно в свойстве checked.
mychbx.*!*checked*/!* // true или false
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод данных в поле ввода с помощью JS Aleks-prog Ваши сайты и скрипты 0 23.06.2011 12:09
Вывод данных в Друпал 6 из MySQL, небольшая работа torquemada Работа 1 22.05.2011 17:05
Проверка данных формы составным условием? myafa Элементы интерфейса 8 01.04.2011 08:30
Вывод данных из mysql Евген AJAX и COMET 3 22.08.2010 17:55
как посчитать сумму выбранных элементов checkbox nikimak92 Общие вопросы Javascript 9 01.06.2010 10:16