Question

jquery如何实现按钮a点击后更换按钮a的背景图片为a.gif点击按钮b按钮a背景图片还原，b的背景图片为b.gif

因为按钮比较多能否写个循环

Answer 1

模拟HTML代码

<input type="button" value="a" />
<input type="button" value="b" />
<input type="button" value="c" />
<input type="button" value="d" />
<input type="button" value="e" />

<script type="text/javascript">
    $(":button").click(function(){
       $(this).css("background","url('images/"+$(this).val()+".gif')");
       $(this).siblings(":button").each(function(){
           $(this).css("background","原图路径");
       });
    });
</script>

追问

如果是开始不是插入的按钮连接 而是不同的图片连接 这样写是不是不行啊~！

追答

不太懂你的意思哦~~~，你把你的代码贴出来看看吧。

图片名称，一定要和按钮名称有关系，才好替换。要不然没有规律，就没法替换了。

Answer 2

根据你的提问，是这样写：

    $(function(){
        $(".a").click(function(){
            $(this).css("background","url(images/a.gif)");
        });
        $(".b").click(function(){
            $(".a").css("background","url(images/c.gif)");
            $(this).css("background","url(images/b.gif)");
        });
    })

按钮比较多能否写个循环？这个得看到你html文档的结构才好写~

追问

帮我看看楼上发的代码 这样改咋整~！

Answer 3

handangaoyang给的代码基本能解决问题.不同按钮有不同背景图片组的话,从命名上设一个规则就可以搞定.
比如button id=btnA,
默认图片名为btnADF.gif, 规则:按钮名+"DF"+".gif"
点击后(激活)btnAAct.gif,规则:按钮名+"Act"+".gif"
按钮被点击时传递自身ID出去,先把所有同级按钮除自身设默认,再把自身设激活就可以.

追问

像这种怎么弄啊~！

追答

你要控制什么,?
原始图片一样的话,那就直接调原始图片的地址就好了.