Question

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

[button1] [button2] [button3]

然后，当您单击按钮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>

Answer 1

你在找这样的东西吗？

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

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

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

简单的javascript函数可以持续改变onclick按钮的状态？

1 个答案: