Button question

jisoo22 · Jul 30, 2003

Hello all,

I have sort of an interesting thing I'm trying to do. I have three generic form buttons and I want to make it so that when you push one button, it stays depressed. But I also want it so that when you push another button, the original button pops back up...so that only one button can be depressed at a time. I'm guessing there's some way in Javascript that can do it. Does anyone know how this is done?

Thanks,
Jisoo22

jemminger · Jul 30, 2003

you can't actually control the up/down state of a button with js - what you can do is simulate the look with css:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>"radio" buttons</title>
<script type="text/javascript">
function rbClick(oButton) {
var btns = document.getElementsByName("rb&quot

;
for (var x = 0; x < btns.length; x++) {
if (btns[x] == oButton) btns[x].style.borderStyle = "inset";
else btns[x].style.borderStyle = "outset";
// comment the next line to allow button to retain focus
oButton.blur();
}
}
</script>
</head>

<body>
<form>
<input type="button" name="rb" value="one" onclick="rbClick(this);" />
<input type="button" name="rb" value="two" onclick="rbClick(this);" />
<input type="button" name="rb" value="three" onclick="rbClick(this);" />
</form>
</body>
</html>

=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

Lrnmore · Jul 30, 2003

You can load 2 images for each button
then use onlick to change the images.

Is that what you have in mind.

2b||!2b

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Button question

jisoo22

Programmer

jemminger

Programmer

Lrnmore

Technical User

Similar threads

Part and Inventory Search

Sponsor