Onay kutusunun kimliğini aldınız mı? - jQuery

Question

Hey, kontrol edildiğinde onay kutusunun kimliğini nasıl alacağımı merak ediyorum.

<div class="check_filter"> 

    <div id="filter"> 
     <input type="checkbox" id="check1" /><label for="check1">Marketing</label> 
     <input type="checkbox" id="check2" /><label for="check2">Automotive</label> 
     <input type="checkbox" id="check3" /><label for="check3">Sports</label> 
    </div> 

</div><!-- End check_filter --> 

jQuery böyle bir şey olmazdı sanıyorum:

$(document).ready(function() {  
    $(":checkbox").click(function(){ 
     var id = $(this).attr('id'); 

     $.post("index.php", { id: id }); 
     //return false to ensure the page doesn't refresh 
     return false; 
    });  
}); 

kontrol ettim almaya çalışıyorum

Bu benim HTML muhtemelen ilk başta nasıl görüneceğini olduğunu öğe kimliği ve sonra kimliği id veritabanının sonuçlarını kapmak için bir mysql sorgusunda post.

Bu konuyla ilgili yardımlarınız için teşekkür ederiz.

Answer 1

Muhtemelen böyle, buradan change olayı istiyorum:

Ayrıca onay kutusu (tıklandığında olmuştur değil sadece) işaretli olup olmadığını görmek isteyebilir

$(function() { 
    $(":checkbox").change(function(){ 
    $.post("index.php", { id: this.id, checked: this.checked }); 
    });  
}); 

Bu, bir onay kutusu her değiştiğinde gönderilir ve PHP tarafının kimliği bilmesini ve kontrol edilip edilmeyeceğini bildirir.

Answer 2

Sağladığınız jQuery düzgün çalışıyor mu? Muhtemelen, return false işaretini onay kutusunu onay kutusunun işaretli olarak kaldırmanız gerekir.

DÜZENLEME: $.post() bir uyumsuz istek (AJAX tekniği) için sayfa yenilemesi olmayacaktır.

DÜZENLEME 2:

$(document).ready(function() {  
    $(":checkbox").click(function(){ 
     var id = $(this).attr('id'); 
     var isChecked = $(this).attr('checked')); 
     $.post("index.php", { id: id, isChecked: isChecked }); 
    });  
}); 

Answer 3

Posta yerine jQuery'yi daha iyi kullanabilirsiniz. http://api.jquery.com/jQuery.get/

Örnek: Bu isteğinizin çıkışını ele verir değerini erişmek için

$(document).ready(function() {  
    $(':checkbox').click(function(){ 
     var id = $(this).attr('id'); 
     var isChecked = $(this).attr('checked')); 
     $.get(
      'getcheckbox.php', 
      { id: id, isChecked: isChecked }, 
      function(data) { 
      //return value in getcheckbox.php and use it in on complete function 
      var result = data; 
      } 
     ); 
    });  
}); 

Answer 4

Neden sadece bir onay kutusu adı için buna ihtiyacım yok, ama $ (this)

$('input:checkbox').change(function() { 
     console.log("here i am: " + this.name + " value = " + $(this).val()); 
     } 
    ); 

Answer 5

Öyle gibi DOM öğesinin özelliklerini :checkbox seçiciyi kullanabilirsiniz ve daha sonra id kontrol edip kontrol edebilirsiniz:

var id = $(this).find(":checkbox")[0].id; var isChecked = $(this).find(":checkbox")[0].checked;