Javascript 使用图像作为按钮并在单击时切换图像

我已经找到了很多解决这个问题的方法，但我似乎无法让它工作。我想使用具有按钮功能的图像。下面的代码工作得很好，但既不是很好的样式，也无法切换所使用的图像

<input type="image" id="mToggle" src="images/chevronright.jpg" width="48" height="48"></input>

JavaScript

$("#mToggle").click(function(){
    $('#mToggle').toggleClass('left');
});

这应该会给我一个按钮，最初是一个右箭头，每次点击时都会在左右之间切换

编辑：我应该提到的是，我描述的第二种方法只会导致默认的“提交查询”文本显示为无图片

提前谢谢

请参见您的代码：

HTML:

<input type="image" id="mToggle" class="right" width="64" height="64" value=' '></input>

---

我希望这会有所帮助。

输入id缺少一个“，”此外，我还切换了一个键入错误的toggleClass（'right'）。这在代码中是正确的。我尝试过在toggleClass中使用引号和不使用引号，可能会删除src..and set id=“mToggle”您的html不正确..文本“提交查询”“仍然出现在我的实时版本中。有没有关于如何摆脱它的想法？出现在按钮上？尝试添加

value=”“

，就像我在回答中添加的一样。就是这样。非常感谢。

$("#mToggle").click(function(){
    $('#mToggle').toggleClass('left');
});

<input type="image" id="mToggle" class="right" width="64" height="64" value=' '></input>

$(function(){
    $("#mToggle").click(function(){
        $('#mToggle').toggleClass('left right');
    });
});