mudar a classe do botão.

Olá, boa tarde,

amigos preciso da ajuda para uma lista de produtos q tenho em minha loja, pois tenho um botão q quando clico nele, ele adiciona no carrinho de compras e conta no carrinho, assim posso adicionar vários ao carrinho e ele vai contando, porem se clico no msm botão várias vezes ele conta, eu preciso desabilitar o botão após ele ter sido clicado e tbm preciso mudar a imagem dele para o usuario ver q ele foi adicionado.

o código é o seguinte.

o submit com a class botão q preciso mudar a imagem

 <div class="item-btn" >

 <ul>

 <li >

 <a href="index.php?id=<?php echo $id; ?>" class="btn" >

 <input type="submit" class="botao" value="" onclick="conta();"> // este item tem q ser desabilitado e trocar a imagem.

 </a>

  

  

 </li>

 <li><a href="index.php?link=3&id=<?php echo $id; ?>" onclick="window.location.reload(false);"><img src="img/btn-informacoes.svg" width="107px" height="auto" /></a></li>

 </ul>

	 

 </div>

	 

	o javascript q tenho

	 

	 

 function id( el ){

     return document.getElementById( el );

 }

 function getHTTPObject(){

     if(window.XMLHttpRequest){

         return new XMLHttpRequest();

     }else if(window.ActiveXObject){

         var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];

         for(var i = 0; i < prefixes.length; i++){

             try{

                 return new ActiveXObject(prefixes[i] + ".XMLHTTP");

             } catch (e) {}

         }

     }

 }

	 

 function disablelink( e ){

     var evt = window.event || e

     if (evt.preventDefault) //supports preventDefault?

         evt.preventDefault()

     else //IE browser

         return false

 }

 window.onload = function()

 {

     var as = id('item').getElementsByClassName('btn');

     

     for( i in as ){

         as[i].onclick = function( event ){

         

             var arq = this.href;

             var xmlHttp = getHTTPObject();

             xmlHttp.open( "GET", arq, true );

             xmlHttp.onreadystatechange = function(){

                 if (xmlHttp.readyState == 4){

                     id('result').innerHTML = xmlHttp.responseText;

                 }

             }

             xmlHttp.send( null );

             

             return disablelink( event );

             

         }

     }

     

 }