Ajax Checkbox сообщение об изменении с несколькими идентификаторами на одной странице

Question

Я пытаюсь опубликовать статус всех строк при изменении состояния флажка, но в данный момент это не работает.Где проблема, которую я не вижу?

Мой код запроса ajax указан выше;

<script>

$( document ).ready(function() {
$("checkbox[id^=number]").change (function () {

var value = $(this).val();

if (confirm("Are You Sure ?")){

$.ajax({
    type: "POST",
    url: "ajaxislem.php?islem=teslimat",
    async: true,
    data: {
        ilid: $(this).data("id") 
    },
    success: function (msg) {



         $('.onayli').html(msg).show(); 

    }
});

  }
}) ;});
</script>

И мои флажки выше:

<label><input id="number1" data-id="1" checked type="checkbox" checked> <b><span class="onayli"><font color="green"> Açık</font></span></b> </label>
    <label><input id="number2" data-id="2" checked type="checkbox"  checked> <b><span class="onayli"><font color="green"> Açık</font></span></b> </label>
    <label><input id="number3" data-id="3" checked type="checkbox"  checked> <b><span class="onayli"><font color="green"> Açık</font></span></b> </label>

Answer 1

Ваш селектор неверен.

У вас есть:

$("checkbox[id^=number]")

Когда вам нужно:

$("input[id^=number]")

Вам нужно использовать ввод, потому что вы выбираетеэлемент, input, а не тип, флажок.

Кроме того, ваш jsfiddle не работал, потому что вы не выбрали jquery.

Вот тот, который работает jsfiddle