komplexe Filterung auf Checkbox klicken in jQuery

Question

Ich habe im Grunde zwei Tabellen, die ich so filtern müssen:

Table 1 : Users 
Table 2 : BrandUsers 

Jetzt habe ich die folgende HTML gemacht:

<div class="pop-us"> 
     <div class="pop-j"> 
      <div class="pop-journey"> 
       <?php foreach($users as $user) {?> 
        <div class="pop-first-btn"><input class="check-user" type="checkbox" name="" value="<?=$user['id'] ?>"><?=$user['username'] ?></div> 
       <?php } ?> 
      </div> 
     </div> 
     <div class="pop-city"> 
      <div class="pop-txt"><?=$this->translate('Please choose a user.')?></div> 
      <!-- city --> 

      <?php for ($i = 0; $i < count($states); $i++) { ?> 
       <div class="pop-city-co"> 
        <?php for ($j = 0; $j < count($states[$i]['citys']); $j++) { ?> 
         <label><input class="check-city" type="checkbox" name="" value="<?=$states[$i]['citys'][$j]['cityId']?>" data-id="<?=$i ?>"><?=$states[$i]['citys'][$j]['cityName']?></label> 
        <?php } ?> 
       </div> 
      <?php } ?> 
     </div> 
     <div class="modal-footer pop-footer"> 
      <button type="button" class="btn btn-default pop-close-us">Close</button> 
      <button type="button" class="btn btn-primary pop-save-us">Save</button> 
     </div> 
    </div> 

Der linke Teil von Das modale Popup listet alle Benutzer auf ... Nun möchte ich, wenn jedes Kontrollkästchen auf der linken Seite geklickt wird, den Wert der UserId an die Funktion übergeben und sie an meine Abfrage weiterleiten suche den BrandUsers-Tisch aus ... Jetzt gibt es zwei Arten von Dingen, die ich auf meinem Modal-Popup zeigen möchte.

Wenn der Benutzer auf 1 Benutzer klickt ... Alle Marken sind auf der rechten Seite aufgeführt. Die Marken, für die usedId in der BrandUser-Tabelle existiert, möchte ich sie in der Liste überprüfen lassen, und die, die nicht vorhanden sind, möchte ich sie einfach unkontrolliert lassen ...

Wie kann Ich mache ein Ereignis, wenn ein Kontrollkästchen auf der linken Seite aktiviert ist, so dass ich den Parameter UserId an DB übergeben und dann etwas auf der rechten Seite des modalen Popup anzeigen ??

Kann mir jemand dabei helfen?

Answer 1

Machen Sie Ihre Checkboxen so. Beachten Sie, dass ich ein data-id-Attribut mit der Benutzer-ID hinzugefügt habe.

<div class="pop-first-btn"><input class="check-user" type="checkbox" name="" data-id="<?=$user['id'] ?>" value="<?=$user['id'] ?>"><?=$user['username'] ?></div> 

Und dann dieses Add-Handler

$('.check-city').on('click',function() { 
    var user_id = $(this).data('id); 
    $.ajax({ 
     url: 'http://myserver.com/action' + 'user_id=' + user_id; 
     success: function(data) { 
      // Update modal popup with data 
     } 
    }); 
}); 

hoffe, das hilft für alle Kontrollkästchen befestigen klicken.