jQuery Ajax состояние флажка

Question

У меня есть флажки на моей странице, для которых я хотел бы отправить свое состояние обратно в базу данных через ajax. Я знаю, как использовать jquery с ajax, но я не знаю, как получить проверенное состояние, как проверенное, так и непроверенное вместе с идентификатором флажка, чтобы я мог отправить его обратно на сервер.

Любые идеи?

Answer 1

if ($("#yourCheckboxID").is(":checked")) { 
    // checkbox is checked 
} else { 
    // checkbox is not checked 
} 

будет выполнять эту работу.

Answer 2

Ну это достаточно легко найти флажков:

$(':checkbox').whatever() 

Хитрость заключается в том, что в HTML Флажки имеют только уникальное значение, смысл, когда проверил. Когда они не будут проверены, что вы скажете серверу?

Хорошо, если у вас есть соглашение, с которым можно работать (возможно, всегда отправляя «истину» при проверке и «ложь», если не проверяется), следующая вещь, которую вы должны решить, - как получить их на свой сервер. Вы можете использовать функцию JQuery param превратить список в строке параметров:

var params = $.param($(':checkbox').map(function() { 
    return { name: this.id, value: !!this.checked }; 
})); 

Это дает вам строку, готовый к нападут на URL, или отправить данные через $.ajax.

Answer 3

Что-то вроде этого:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("input:checkbox").change(function() { 
      if($(this).is(":checked")) { 
       $.ajax({ 
        url: 'on_off.aspx', 
        type: 'POST', 
        data: { strID:$(this).attr("id"), strState:"1" } 
       }); 
      } else { 
       $.ajax({ 
        url: 'on_off.aspx', 
        type: 'POST', 
        data: { strID:$(this).attr("id"), strState:"0" } 
       }); 
      } 
     }); 
    }); 
</script> 

Answer 4

Объединяя свое решение и принятый ответ на Айн:

<script type="text/javascript"> 
    $(document).ready(function(){ 
    var isChecked = $("input:checkbox").is(":checked") ? 1:0; 
    $.ajax({ 
      url: 'on_off.aspx', 
      type: 'POST', 
      data: { strID:$("input:checkbox").attr("id"), strState:isChecked } 
    });   
    }); 
</script> 

Answer 5

Добавление назад в случае изменения в объединенном растворе. Хотите, чтобы это срабатывало при каждом изменении флажка.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("input:checkbox").change(function() { 
      var isChecked = $("input:checkbox").is(":checked") ? 1:0; 
      $.ajax({ 
       url: 'on_off.aspx', 
       type: 'POST', 
       data: { strID:$("input:checkbox").attr("id"), strState:isChecked } 
      });   
     });   
    }); 
</script>