1

有没有人有任何简单的 JavaScript 函数可以持续改变按钮的状态onclick？如：

[按钮1] [按钮2] [按钮3]

然后，当您单击按钮 1 时，会发生以下情况：

(((button1))) [button2] [button3]

然后，如果您要单击 button2，则会发生这种情况：

[button1] (((button2))) [button3]

与按钮 1 关联的图像持续更改的位置。

我查看了这个答案https://stackoverflow.com/a/4967732/73844和这个答案https://stackoverflow.com/a/7991898/738448但我无法看到它们如何组合在一起做我想做的事情. 任何帮助，将不胜感激。

这是我尝试过的代码：

<!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>
<style type="text/css">
#prog
{
    margin: 5px 85px;
    width: 200px;
    height: 40px;
    background:url(prog_off.png) no-repeat;
    border: 0;
}
</style>
<script type="text/javascript">
function changeImage() {
    test=document.getElementById("prog");
    test.backgroundImage="url(prog_on.png)";
}
</script>
</head>
<body>
<input type="button" id="prog" onClick="changeImage()" />
</body>
</html>
4

1 回答 1

3

你在寻找这样的东西吗？

http://jqueryui.com/demos/button/radio.html

如果是这样，使用 jQuery UI 的按钮小部件而不是重新开发会更容易（并且更好，因为它在所有浏览器等上进行了测试）。

http://jqueryui.com/demos/button/#radio

于 2012-08-16T17:59:51.220 回答