Javascript 为Ajax的onClick按钮使用图像

我试着关掉一些标准的表单按钮，改用图像。我已经在这里进行了搜索，并替换了我的“折叠”按钮（效果很好！）

下面的Round1按钮是一个ajax调用，可以与标准按钮配合使用。当我尝试将其更改为图像时，它似乎希望提交它（重新加载页面），而不是调用ajax函数

这很好：

<button type="button" onClick="Round1(<?php echo $compare_dealer;  ?>)">Raise</button>
<button type="button" onClick="Check(<?php echo $compare_dealer;  ?>)">Check</button>
<input type="image" src="../../_images/Fold.jpg" border="0" name='submit'  value='Fold' />
</form>

---

我建议听听表单的提示

你可以这样说：

<script type="text/javascript">
    var form =
        document.forms['your-form-name']        ||
        document.getElementById('your-form-id')
    ;

    form.addEventListener('submit', function(event) {
        event.preventDefault();

        // Call AJAX function from here.

        return false;
    });
</script>

和选择器：

<style type="text/css">
    #form-id > button[type="submit"] {
        /* Your styles */
    }
</style>


#表单id>按钮[type=“submit”]{
/*你的风格*/
}

看看这个。作为奖励，看看CSS精灵是如何完成的；）
 您可以挂接表单提交事件，阻止默认操作，然后执行自定义ajax内容，例如：
$（“[form_ID]”）。提交（函数（event）{event.preventDefault（）；//现在您的ajax内容}
@MLeFevre作者没有使用jQuery。@slavafomini Oops，没有注意标记：）。但同样的理论也适用。
<button type="submit"></button>

<style type="text/css">
    #form-id > button[type="submit"] {
        /* Your styles */
    }
</style>