Сообщение от 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