Submit form with checkbox

[sintesParticipant]

Hello
I have a form with several checkboxes as filter criteria. If the user click on a Checkbox the form will be submitted and the page refreshed.

$(‘#filter32’).on(‘click’, function (event) {
document.getElementById(“FormFilter”).submit();
}

This works fine on a pc. But not on a mobile phone, the click event doesn’t work.

If I try the same with the ‘change’ event, the form is submitted on pc and mobile phone, but the values of the checkboxes are always ‘false’.
How can I solve this problem?

[Peter StoevKeymaster]

Hi sintes,

For mobile phone, use ‘touchstart’ or ‘pointerdown’ events.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[sintesParticipant]

Hi Peter

Thank you for your answer. With ‘touchstart’ or ‘pointerdown’ events, I have the same problem that all form values are submitted with ‘false’ value. But I found an event ‘touchend’ and this one helps.
So this is working:

$('#filter32').on('click touchend', function (event) {
    document.getElementById("FormFilter").submit();
});

Many thanks for your support.
Best regards,
Christian

[Author]

Posts