|
| |
|
|
| |
для: codexomega
(29.08.2005 в 00:59)
| | | Спасибо | |
| |
|
|
| |
|
|
| |
для: Евгений Петров
(27.08.2005 в 23:02)
| | | Вот, демо и код:
[url]
http://www.truedotnet.com/asp.net/treeview/Demos.aspx?demo=program_checkbox
[/url] | |
| |
|
|
| |
 2 Кб |
|
| | Помогите мне с кодом. У меня есть структурированный список:
Заголовок 1
Заголовок 11
Заголовок 111
Заголовок 12
Заголовок 2
Заголовок 21
Заголовок 211
Заголовок 22
|
Вот код (и аттач)
<head>
<style type="text/css">
.desc { font-style: italic; color: gray }
</style>
</head>
<script language="JavaScript">
function move(num)
{
if(document.getElementById("list"+num).style.display == 'block')
{
document.getElementById("list"+num).style.display = 'none';
document.getElementById("img"+num).src="open.gif";
}
else
{
document.getElementById("list"+num).style.display = 'block';
document.getElementById("img"+num).src="close.gif";
}
}
</script>
<form action="signup.php" method="POST">
<table cellspacing="0" cellpadding="0"><tr><td><a href="javascript: move('1')"><img id="img1" src="open.gif" border="0"></a><input type="checkbox" name="check[1]"></td><td>Заголовок №1</td></tr><tr><td></td><td class="desc">Описание №1</td></tr></table>
<div style="display:none; margin-left: 15px;" id="list1">
<table cellspacing="0" cellpadding="0"><tr><td><a href="javascript: move('4')"><img id="img4" src="open.gif" border="0"></a><input type="checkbox" name="check[4]"></td><td>Заголовок 11</td></tr><tr><td></td><td class="desc">Описание 11</td></tr></table>
<div style="display:none; margin-left: 15px;" id="list4">
<div><table cellspacing="0" cellpadding="0"><tr><td><img src="leaf.gif"><input type="checkbox" name="check[8]"></td><td>Заголовок 111</td></tr><tr><td></td><td class="desc">Описание 111</td></tr></table></div></div><div><table cellspacing="0" cellpadding="0"><tr><td><img src="leaf.gif"><input type="checkbox" name="check[5]"></td><td>Заголовок 12</td></tr><tr><td></td><td class="desc">Описание 12</td></tr></table></div></div><table cellspacing="0" cellpadding="0"><tr><td><a href="javascript: move('3')"><img id="img3" src="open.gif" border="0"></a><input type="checkbox" name="check[3]"></td><td>Заголовок 2</td></tr><tr><td></td><td class="desc">Описание 2</td></tr></table>
<div style="display:none; margin-left: 15px;" id="list3">
<table cellspacing="0" cellpadding="0"><tr><td><a href="javascript: move('6')"><img id="img6" src="open.gif" border="0"></a><input type="checkbox" name="check[6]"></td><td>Заголовок 21</td></tr><tr><td></td><td class="desc">Описание 21</td></tr></table>
<div style="display:none; margin-left: 15px;" id="list6">
<div><table cellspacing="0" cellpadding="0"><tr><td><img src="leaf.gif"><input type="checkbox" name="check[9]"></td><td>Заголовок 211</td></tr><tr><td></td><td class="desc">Описание 211</td></tr></table></div></div><div><table cellspacing="0" cellpadding="0"><tr><td><img src="leaf.gif"><input type="checkbox" name="check[7]"></td><td>Заголовок 22</td></tr><tr><td></td><td class="desc">Описание 22</td></tr></table></div></div><input type="hidden" name="email" value="">
</form>
|
Так вот мне надо чтобы например при выборе checkbox'a "Заголовок 1" отмечались все подзаголовки, т.е. "Заголовок 11", "Заголовок 111" и " Заголовок 12". | |
| |
|
|
|
