求一简单代码

我要实现这样的一个方式。比如有buttom1 buttom2 buttoom3,我做了两个外部的CSS为,原来分配是这样的buttom1调用css1,buttom2 buttoom3调用css2,

想用一简单的方式写出，点击buttom1后，buttom1调用css1，其余两个buttom调用css2，(就是不管点哪个buttom，哪个就调用css1，别的都调用css2)
---------------------------------------------------------------

1<input onclick="a()" type="button"/>

 1<script>   
 2function a()   
 3{   
 4l=document.getElementsByTagName("INPUT")   
 5if(l==null) return   
 6for(i=0;i<l.length;i++)   
 7{   
 8if(l[i].type=="button") l[i].className="css2"   
 9}   
10event.srcElement.className="css1"   
11}   
12</script>

---------------------------------------------------------------

1<style>   
2.css1{background: blue}   
3.css2{background: red}   
4</style>

1<form name="form1">
2<input class="css2" onclick="cc(this)" type="button" value="button"/><br/>
3<input class="css2" onclick="cc(this)" type="button" value="button"/><br/>
4<input class="css2" onclick="cc(this)" type="button" value="button"/><br/>
5<input class="css2" onclick="cc(this)" type="button" value="button"/><br/>
6</form>

1<script language="JavaScript"><!--   
2function cc(e)   
3{   
4var a = document.form1.elements;   
5for (var i=0; i<a.length; i++)   
6if (a[i].type == "button") a[i].className = "css2";   
7e.className = "css1";   
8}   
9//--></script>