带有onclick的INPUT类型图像不适用于JS

时间:2011-02-05 08:44:34

标签: javascript jquery ajax

新手编码器在这里。我正在制作一个评级网站,并试图使其成为当用户点击“是”作为图像时,它调用一个显示Ajax加载器gif然后显示结果的JS。问题是onclick这里似乎没有触发函数:

<form action="" method="get" id="myform">

<script>
    $(document).ready(function(){
         $("#myform").submit(function(){
         $('#chart1').hide();
         $('.ajax-load').show();
         var data = $("#myform").serialize();
         submitRating(data, false, function(){});
         setTimeout($('.ajax-load').hide(),1000);
         $('#chart1').show();
         return false;
         });
    });
</script>

    <div id="chart1"><div>
    <input type="image" src="images/yes.png" name="yes" value="0" onclick="$('#myform').submit();"/>

</form>

而不是$('#myform')。submit(),如果我尝试一个alert(),它会起作用,所以我很困惑为什么这不起作用。

谢谢!

2 个答案:

答案 0 :(得分:2)

尝试使用:.trigger(“submit”)

更多信息:http://api.jquery.com/trigger/

如果这不起作用,我唯一能想到的就是在表单标签中有一个空白的动作属性......

答案 1 :(得分:0)

这可能与type = image具有单击时提交的默认行为这一事实有关。这可能会干扰您的submit()函数。