Warnmeldung, wenn die Summe der Kontrollkästchen größer ist als eine bestimmte Nummer

Question

Ich brauche Ihre Hilfe mit etwas, das ich versuche zu erstellen.Was ich erstellen möchte, ist eine Warnmeldung, die Benutzerbildschirm anzeigt, wenn die Summe der Werte der Kontrollkästchen ist größer ist als eine bestimmte Zahl, die in der Datenbank Tabelle.Die Sache gespeichert ist, ist, dass ich php bin mit dem Kontrollkästchen Form echo ..

Hier ist die Form:

echo ' 

    <div> 
     <div class="feed-activity-list"> 
     <div style="border: 0.5px solid green; border-right-style:none;" class="input-group m-b"><span class="input-group-addon"> <input type="checkbox" name="opt" value="'.$points.'"></span> 
      <div class="feed-element"> 
       <a href="profile.html" class="pull-left"> 
       <img alt="image" class="img-circle" src="'. $row_select4['image_url']. '"> 
       </a> 
      <div class="media-body "> 
       <div class="ibox-tools"> 
        <span class="label label-primary">ΔΙΑΘΕΣΙΜΟ</span><br><br> 
        <span class="label label-warning-light pull-right"><strong>' .$row_select4['points']. '</strong> Πόντοι</span> 
       </div> 
        <strong>' .$row_select4['title']. ' </strong> ' .$row_select4['description']. ' <br> 
        <small class="text-muted">Διάρκεια: <strong>' .$row_select4['start_date']. ' - ' .$row_select4['end_date']. ' </strong></small> 
       <div class="well"> 
                 ' .$row_select4['description']. ' 
      </div> 
     </div> 
     </div> 
    </div> 

    </div>' ; 

Und der Submit-Button (außerhalb das PHP-Skript):

<button type="submit" class="btn btn-w-m btn-primary">ΕΞΑΡΓΥΡΩΣΗ</button> 
</form> 

Schließlich verwende ich dieses Skript:

var sum = 0; 
    var maxSum = <?php echo $form_points; ?> ; 

    $('[name="opt"]').change(function(){ 

     if($(this).is(":checked")) { 
     sum = sum + parseInt($(this).val()); 
     } 
     else 
     { 
     sum = sum - parseInt($(this).val()); 
     } 


     if(sum > maxSum) 
     { 
      ; 
      sweetAlert("ΠΡΟΣΟΧΗ", "Υπερβήκατε τους πόντους του πελάτη", "error"); 

     } 
    }) 

Aber jetzt, wenn ich auf ‚OK‘ auf der Lauer ich den Scheck auf der letzten Checkbox entfernen möchten (das aus sum> maxsum) und das Skript erneut ausführen mit den Werten bevor ich die letzte Checkbox ankreuze!

Answer 1

Sie könnten ein jquery-Skript am Ende der Seite verwenden.

var checkboxes = $('.feed-activity-list input[type=checkbox]'); 
var limit = 9999999; 
var sum = 0; 
var limitExceeded; 

checkboxes.on('change', function() { 
    var input = $(this); 
    var inputVal = input.val() - 0; 

    if (input.prop('checked')) { 
    if ((sum + inputVal) > limit) { 
     input.prop('checked', false); 
     alert('sum exceeded limit' + limit); 
    } else { 
     sum += inputVal; 
    } 
    } else { 
    sum -= inputVal; 
    } 
}); 

Und legte die Summe in einen versteckten Eingang.