Чекване на бутон

[mitko666]

Здравейте имам една много проста формичка

<form>
<table>
<tr><td><input type="radio" name="" value="" /></td>
<td>kak?</td></tr>
</table>
</form>

Как може да стане така че радио бутона да се скрие и да се вижда само текста и когато се щракне върху текста да чеква радио бутона.

 

[shterev]

Да се чеква радио бутона, но да е скрит?

 

[emagi]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#radio { display:none; }
</style>
</head>

<body>
<form>
<table>
<tr><td><input type="radio" name="" value="" id="radio" checked="checked"/></td>
<td onclick="document.getElementById('radio').style.display='block'">kak?</td></tr>
</table>
</form>
</body>
</html>

 

[mitko666]

emagi ok но няма ли как да стане примерно след като шракнеш върху надписа бутона да не се показва а примерно да се сменя цвета на надписа.И може ли да стане примерно с няколко радио бутона като примерно когато щракнеш на някой да му се смени цвета и да се чекне бутона когато щракнеш на друг да чекне него и да се смени цвета на надписа му а на предния бутон да се върне цвета му както е по дефалт.

 

[mitko666]

Никой ли не знае как да стене.

 

[marian]

<script type="text/javascript">
var chb_class1 = "chb_checked";
var chb_class2 = "chb_unchecked";
function checker(element,id) {
id = document.getElementById(id);
if (id.checked) {id.checked = false;element.className = chb_class1;}
else {id.checked = true;element.className = chb_class2;}
}
</script>
<style type="text/css">
.chb_checked {color:blue;}
.chb_unchecked {color:red;}
</style>
<form>
<table>
<tr><td><input type="radio" name="" id='x' value="" /></td>
<td class="chb_checked" onclick="checker(this,'x')">kak?</td></tr>
</table>
</form>

Слагаш си само style="display:none" на радио бутона и също можеш да променяш класовете, който искаш да се сменят.

 

[mitko666]

Ок но как да стане с няколко бутона.И не примерно когато бутона е чекат като щракнеш на текста до га ънчеква

Много ви моля помогнете наистина ми трябва това нещо.

 

[marian]

Зависи как искаш да го направя. Ако го направиш с картинки мога да ти измисля един начин, чрез който няма да пишеш id на всеки елемент, но ако не трябва да задаваш id и на текста и на бутона...

 

[etori]

мерси emagi такова нещо търсех

 

[shterev]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#radio { display:none; }
</style>
</head>

<body>
<form>
<table>
<tr><td><input type="radio" name="" value="" id="radio" checked="checked"/></td>
<td onclick="document.getElementById('radio').style.display='block'">kak?</td></tr>
</table>
</form>
</body>
</html>

Добре де, ами ако бутона е чекнат и е скрит и се прати заявка, стойността пак ще се получи, какъв е смисъла от това скриване?

 

[mitko666]

Зависи как искаш да го направя. Ако го направиш с картинки мога да ти измисля един начин, чрез който няма да пишеш id на всеки елемент, но ако не трябва да задаваш id и на текста и на бутона...

Ами аз и без това с картинки ще го ползвам така че ако можеш спретни нещо с няколко бутона обаче

 

[marian]

<script type="text/javascript">
var chb_class1 = "chb_checked";
var chb_class2 = "chb_unchecked";
function checker(element,rbname) {
rbname = document.getElementsByName(rbname);
for (i=0;i<rbname.length;i++) {
rbname[i].checked = false;
rbname[i].parentNode.className = chb_class2;
}
element.getElementsByTagName("input")[0].checked = true;
element.className = chb_class1;
}
</script>
<style type="text/css">
.chb_checked {color:blue;}
.chb_unchecked {color:red;}
.chb_checked input, .chb_unchecked input {display:none;}
</style>
<form>
<div class="chb_checked" onclick="checker(this,'chbstyled')">kak?<input type="radio" name="chbstyled" value="1 buton" /></div>
<div class="chb_unchecked" onclick="checker(this,'chbstyled')">bla<input type="radio" name="chbstyled" value="2ro buton4e" /></div>
<div class="chb_unchecked" onclick="checker(this,'chbstyled')">xx<input type="radio" name="chbstyled" value="3to" /></div>
<div class="chb_unchecked" onclick="checker(this,'chbstyled')">xD<input type="radio" name="chbstyled" value="4to" /></div>
<div class="chb_unchecked" onclick="checker(this,'chbstyled')">wow :O<input type="radio" name="chbstyled" value="i tn..." /></div>
</form>

Май те излъгах, че не може да слагаш текст, но ми се спеше...
Все пак ти го направих и ги написах в дивове, но можеш да ги и с други тагове. Питай ако имаш въпроси.

 

[mitko666]

Много ти благодаря точно това ми трябваше.