Wordpress mit jquery füge Elemente zu einem Array hinzu und poste es für php

Question

Ich erstelle ein WordPress-Plugin, das alle Schulen bekommt und 3 davon in einer Rangliste auswählt. Also versuche ich alle post_ids aus einer Gruppe von Checkboxen mit jquery zu bekommen und poste sie für meine php Funktion. Von meinem Code unten, wie soll ich das machen?

Hier ist mein HTML und PHP-Code:

<?php foreach ($all_schools as $data):?>    
<div class="rank_box"> 
    <div class="left">           
     <div class="checkbox"> 
      <label class="pull-left"><input type="checkbox" name="nationality" value="<?php echo $data->post_id; ?>"></label> 
     </div> 
    </div> 
    <div class="right"> 
     <p><?php 
       if(strlen($data->school_name) >= 30){ 
        echo substr($data->school_name,0,30)."…"; 
       }else{ 
        echo $data->school_name; 
       } 
      ?><br>     
     </p> 
    </div> 
</div> 

<?php endforeach;?> 

<div id="divnationality"> 
</div> 

Und mein jquery:

$(document).ready(function(){ 
    $('input[name="nationality"]').click(function() {    
      getSelectedBoxes('nationality'); 
    }); 

    var getSelectedBoxes = function (groupName) { 
     var result = $('input[name="' + groupName + '"]:checked'); 
     if (result.length > 0) { 
      var resultString = result.length + " checkboxe(s) checked<br/>"; 
      result.each(function() { 
       resultString += $(this).val() + "<br/>"; 
      }); 
      $('#div' + groupName).html(resultString); 
     } 
     else { 
      $('#div' + groupName).html("No checkbox checked"); 
     } 
    }; 
}); 

Answer 1

Innerhalb der .click Funktion, würde ich nur tun:

var is_checked = $(this).prop("checked");

if (is_checked) ...

$(this).val() sollte auch den Eingabewert erhalten, unabhängig davon, ob es aktiviert ist oder nicht.

Um die Wertdaten zu PHP zu veröffentlichen, verwenden $.ajax() (more info here) wie folgt aus:

var post_data = {}; 

if (is_checked) { 
    var value = $(this).val(); 
    post_data[value] = value; 
} 

$.ajax({ 
    url: 'YOUR_POST_URL', 
    type: 'POST', 
    data: post_data, 
    error: function(jqXHR, textStatus, errorThrown) { 
     alert(errorThrown); 
    }, 
    success: function(data) { 

    } 
});