| |
|
|
| | Здравствуйте.
Задача тривиальная, но все же спрошу. Есть два текстовых поля и есть две кнопки radio ('radio', 'checkbox'). Так вот как сделать так, что если выбран вариант 'checkbox' текстовые поля показывались, а если 'radio' - прятались?
<table class='Tbl' cellpadding='0' cellspacing='0' border='0'>
<tr>
<td class='Capt'>Тип опроса</td>
<td class=''>
<input type='radio' name='type' value='radio'><span class='Text'>radio</span><br>
<input type='radio' name='type' value='checkbox'><span class='Text'>checkbox</span>
</td>
</tr>
<tr>
<td class='Capt'><span class='Mustred'>Min:</span></td>
<td class=''><input type='text' size='4' class='Input350' name='min' value='{$min}'></td>
</tr>
<tr>
<td class='Capt'><span class='Mustred'>Max:</span></td>
<td class=''><input type='text' size='4' class='Input350' name='max' value='{$max}'></td>
</tr>
</table>
|
Заранее спасибо. | |
| |
|
|
| |
|
|
| |
для: antf
(10.02.2007 в 19:54)
| | | то, что надо скрывать/показывать, надо положить в слой. а потом менять у этого слоя свойство видимости. вот метод (я им пользовалась давно, сейчас использую библиотеку klayers для любых действий со слоями, библиотеку тут приводить не буду, ее можно найти в интернете):
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function getObject(obj) {
var theObj
if (document.layers) {
if (typeof obj == "string") {
return document.layers[obj];
} else {
return obj;
}
}
if (document.all) {
if (typeof obj == "string") {
return document.all(obj).style;
} else {
return obj.style;
}
}
if (document.getElementById) {
if (typeof obj == "string") {
return document.getElementById(obj).style;
} else {
return obj.style;
}
}
return null
}
// set the visibility of an object to visible
function show(obj) {
var theObj = getObject(obj);
theObj.visibility = "visible";
}
// set the visibility of an object to hidden
function hide(obj) {
var theObj = getObject(obj);
theObj.visibility = "hidden";
}
-->
</script>
|
<table>
<tr>
<div><td bgcolor=dff5ff><b>* Способ оплаты:</b></td>
<TD width=250 bgcolor=dff5ff>
<input type=Radio name=tropos value=anti onclick="hide('info');"> Предоплата <br>
<input type=Radio name=tropos value=trap onclick="hide('info');"> Через банк <br>
<input type=Radio name=tropos onclick="hide('info');" value=cash> Наличными <br>
<input type=Radio name=tropos onclick="show('info');" value=cred CLASS=expandable child=info> По кредитной карте <br>
</div>
<DIV ID=info style="visibility:hidden; width: 350;"><b>* На <input type=text name=Period size=2> месяцев</b> (от 3 до 48)
</DIV>
</td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: elenaki
(10.02.2007 в 20:27)
| | | del | |
| |
|
|
| |
|
|
| |
для: elenaki
(10.02.2007 в 20:27)
| | | Работает, спасибо. Вот только на месте полей образуется пустота. Не подскажете как убрать? Пытался делать так:
function hide(obj) {
var theObj = getObject(obj);
theObj.visibility = "hidden";
theObj.height = 0;
}
|
Не выходит. В качестве theObj выступает таблица. | |
| |
|
|
| |
|
|
| |
для: antf
(10.02.2007 в 21:06)
| | | замени
.visibility = "hidden";
на .display="none" и для видимости .display=" " | |
| |
|
|
| |
|
|
| |
для: AlexSol
(10.02.2007 в 21:51)
| | | Пробовал уже :). Он, хитрый, в ошибках пишет.Не удается найти свойство display, недопустимый аргумент. | |
| |
|
|
| |
|
|
| |
для: antf
(10.02.2007 в 22:03)
| | |
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
// set the visibility of an object to visible
function show(obj) {
var theObj = document.getElementById(obj).style;
theObj.display = "block";
}
// set the visibility of an object to hidden
function hide(obj) {
var theObj = document.getElementById(obj).style;
theObj.display = "none";
}
-->
</script>
table>
<tr>
<div><td bgcolor=dff5ff><b>* Способ оплаты:</b></td>
<TD width=250 bgcolor=dff5ff>
<input type=Radio name=tropos onclick="hide('info');" value=cash> Наличными <br>
<input type=Radio name=tropos onclick="show('info');" value=cred CLASS=expandable child=info> По кредитной карте <br>
</div>
<DIV ID=info style="display:none; width: 350;"><b>* На <input type=text name=Period size=2> месяцев</b> (от 3 до 48)
</DIV>
</td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(10.02.2007 в 22:26)
| | | Работает. Спасибо. | |
| |
|
|
| |
|
|
| |
для: antf
(10.02.2007 в 23:27)
| | | а как сделать так что бы не помощью радиобаттона а при нажатии на текст скрывалось и отображалось форма | |
| |
|
|
