2010-07-08 126 views
0

我想單擊時隱藏單選按鈕值。我可以在這樣的非動態的方式,如果做到這一點:隱藏單選按鈕onclick javascript

<!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> 
+0

我也建議學習XHTML標準並使用它。 – 2010-07-08 00:22:10

回答

0

使用

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"; 
    } 
    } 
} 

但不要忘了給數值的單選按鈕

+0

謝謝你,它像一個魅力工作! – NULL 2010-07-08 00:26:23

0

我想你不是那個意思:

if (i <= rad.value) 

其中rad.value供應嗎?