скрыть радио кнопку onclick javascript - PullRequest
Новая
       4

скрыть радио кнопку onclick javascript

0 голосов
/ 08 июля 2010

Я пытаюсь скрыть значения переключателей при нажатии на них. я могу сделать это, если не в динамическом режиме, как это: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <title>Untitled</title>
<script language="JavaScript">
<!--  
function showDiv( id ) { 
    document.all.textBox01.style.visibility = 'hidden'; 
    document.all.textBox02.style.visibility = 'hidden'; 
    document.all.textBox01.value = ''; 
    document.all.textBox02.value = ''; 
    document.all[ id ].style.visibility = 'visible'; 
    document.all[ id ].focus(); 
}
    -->
</script> 
</head>

<body>

Option 1: 
<input type=radio name=radioBtn onClick="showDiv( 'textBox01' );"> 
<div id=textBox01 style="visibility:hidden">test2</div> 


Option 2: 
<input type=radio name=radioBtn onClick="showDiv( 'textBox02' );"> 
<div id=textBox02 style="visibility:hidden">test</div> 




</body>
</html>

Я хочу сделать это динамично, но мой мозг заглох, любые советы очень ценятся: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
 <title>Untitled</title>
<script language="JavaScript">
<!--  
function change(rad)
 {

  for(var i = 1; i <= 5; ++i)
  {
   if(i <= rad.value)
   { document.getElementById("radio" + i).style.visibility = "hidden";
   }else
   { document.getElementById("radio" + i).style.value = "";
   }
  }
 }

    -->
</script> 
</head>

<body>

Option 1: 
<input type=radio name=radioBtn onClick="change(this)"> 
<div id=radio1 style="visibility:hidden">test2</div> 


Option 2: 
<input type=radio name=radioBtn onClick="change(this)"> 
<div id=radio2 style="visibility:hidden">test</div> 




</body>
</html>

Ответы [ 2 ]

0 голосов
/ 08 июля 2010

я думаю, вы не имели в виду: 

if (i <= rad.value)

где указано значение rad.value?

0 голосов
/ 08 июля 2010

Используйте 

function change(rad)
 {
 var elem;
  for(var i = 1; i <= 5; ++i)
  {
   elem = document.getElementById("radio" + i);
   if(i != parseInt(rad.value))
   { if(elem != null) elem.style.visibility = "hidden";
   }else
   { if(elem != null) elem.style.visibility = "visible";
   }
  }
 }

но не забывайте давать числовые значения переключателям

...