Тип INPUT Изображение с помощью onclick не работает с JS

Question

Кодер новичка здесь.Я делаю рейтинг веб-сайта и пытаюсь сделать так, чтобы, когда пользователь нажимал «Да» в качестве изображения, он вызывал JS, который отображает GIF-загрузчик Ajax, а затем показывает результаты.Проблема в том, что при нажатии кнопки 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 (), он работаетЯ озадачен тем, почему это не работает.

Спасибо !!

Answer 1

попробуйте использовать: .trigger ("submit")

подробнее: http://api.jquery.com/trigger/

И если это не сработает, единственное, о чем я могу думать, это наличие пустого атрибута действия в вашем теге формы ...

Answer 2

Это может быть связано с тем, что type = image имеет поведение по умолчанию отправки при нажатии. Это может вызвать помехи вашей функции submit ().