État d'une case à cocher Boostrap

Je cherche à faire une manipulation assez simple mais je ne comprends pas pourquoi ça marche pas... Et pourtant, avec toute mes recherches je n'ai toujours pas trouvé mon erreur. Je commence à désespérer.

Voici mon code HTML très simple:

<input type="checkbox" name="resultats">

Voici tous les codes que j'ai essayé et c'est si j'en oublie pas:

document.getElementsByName("resultats").on("change", function (event) {
	alert(this.checked());
});

document.getElementsByName("resultats").on("change", function (event) {
	alert(this.checked);
});

$("input[name='resultats']").on("change", function () {
		alert($(this).checked());
	});

$("input[name='resultats']").on("change", function () {
		alert($(this).checked);
	});

$("input[name='resultats']").onchange(function () {
		alert($(this).checked());
	});

$("input[name='resultats']").onchange(function () {
		alert($(this).checked);
	});

$("input[name='resultats']").change(function () {
		alert($(this).checked());
	});

$("input[name='resultats']").change(function () {
		alert($(this).checked);
	});

Dépendamment des codes que j'ai utilisés, soit que je n'avais pas le popup ou soit que c'était écris undefined