Schön! Da ich nun selbst ein Beispiel gebastelt habe, hier die Lösung. Dabei wird ein Button mittels Button Element und der andere mit dem Input Element erzeugt:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>PageTitle</title>
<script language="javascript">
function clicked() {
for (var j = 0; j < document.TestForm.Test.length; j++) {
if (document.TestForm.Test[j].checked) {
document.getElementById("submitPic").src = "imageSent.gif";
document.getElementById("submitPic2").src = "imageSent.gif";
return true;
}//if
}//for
return false;
}//function clicked()
</script>
</head>
<body>
<form id="FormName" name="TestForm"
action="mailto:test@test.com" method="post" onsubmit="return clicked()">
<input type="checkbox" name="Test" value="A" onclick="radio(this.value)">
<input type="checkbox" name="Test" value="B" onclick="radio(this.value)">
<input type="checkbox" name="Test" value="C" onclick="radio(this.value)">
<button type="submit" name="submitButtonName">
<img id="submitPic" src="imageDefault.gif" alt="Submit Button">
</button>
<input id="submitPic2" type="image" src="imageDefault.gif" alt="Submit Button2">
</form>
</body>
</html>