Как сделать отправку без перезагрузки страницы и без кнопки субмит?

Question

[Антон]

Убираю у input
onChange="this.form.submit()"
форма отправляется без перезагрузки, но при наличии субмита конечно.
Но мне нужно форму отправлять после нажатия на input type="radio" без кнопки субмит.
Как сделать отправку без перезагрузки страницы и без кнопки субмит?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<form name="sender_api" id="sender" action="/2018/tech/senderapi.php" method="POST" enctype="multipart/form-data">
<input type="text" name="sender-email"  id="r1">
<input type="radio" onChange="this.form.submit()" value="woman" id="r2" name="forma-gender">
<input type="radio" onChange="this.form.submit()" value="man" id="r3" name="forma-gender">
</form>
<script>
$(function() {
    $("#sender").submit(function(e) {
        e.preventDefault();
        var t = $(this).serialize();
        $.ajax({
            url: "/2018/tech/senderapi.php",
            type: "post",
            data: t,
            success: function(e) {
                $("#result_sender").html(e)
            }
        })
    })
})
</script>

Answer 1

[Валентин]

<input type="radio" onChange="sendForm()" value="woman" id="r2" name="forma-gender">

function sendForm() {
	var t = $('#sender').serialize();
	$.ajax({
		url: "/2018/tech/senderapi.php",
		type: "post",
		data: t,
		success: function(response) {
			$("#result_sender").html(response)
		}
	})
}

Comments

[Антон]

Спасибо

Answer 2

[dicem]

<script>
$(function() {
    $("#sender").children('input[name="forma-gender"]').change(function(e) {
        var t = $(this).serialize();
        $.ajax({
            url: "/2018/tech/senderapi.php",
            type: "post",
            data: t,
            success: function(e) {
                $("#result_sender").html(e)
            }
        })
    })
})
</script>

Comments

[Антон]

таким образом отправляет только type="radio", без type="text"

[dicem]

Антон, ступил извиняюсь
Тут впринципе работать будет, но оч лениво я сделал на самом деле

$(function() {
    $("#sender").children('input[name="forma-gender"]').change(function(e) {
        var t = $('#sender').serialize();
        $.ajax({
            url: "/2018/tech/senderapi.php",
            type: "post",
            data: t,
            success: function(e) {
                $("#result_sender").html(e)
            }
        })
    })
})