Como posso mudar osrc atributo de umimg tag usando javascript?

<img src="../template/edit.png" name=edit-save/>

no começo eu tenho um src padrão que é "../template/edit.png" e eu queria mudar isso com "../template/save.png" onclick.

ATUALIZADO: aqui está o meu onclick html:

<a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a>

e meu JS

function edit()
{   
    var inputs = document.myform;
    for(var i = 0; i < inputs.length; i++) {
        inputs[i].disabled = false;
    }
}

Eu tentei inserir isso dentro do edit (), ele funciona, mas precisa clicar na imagem duas vezes

var edit_save = document.getElementById("edit-save");
    edit_save.onclick = function(){
       this.src = "../template/save.png";
    }