1

ボタンの状態を永続的に変更する単純な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>
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 に答える