Suche nach bestimmten JS-Methode, um Auswahlknopf zu bestätigen

Question

Ich habe eine Frage darüber, wie dieses Problem zu lösen Ich habe Client-seitige JS-Validierung verwenden.

Dies ist ein Online-Bestellsystem, das ich gebaut habe, und habe gerade die Implementierung der Fähigkeit für die Admins/Manager zu teilen & Teil Schiff eine Bestellung abgeschlossen. Wenn diese Aktion ausgewählt ist, habe ich ein JS, das neben jeder Werbebuchung in der Reihenfolge ein Optionsfeld mit der Option "Nichts tun" oder "dieses Element in den Backorder aufteilen" zeigt, das dann eine zweite Reihenfolge in der System, verschiebt alle ausgewählten Elemente und markiert sie für die

Das alles funktioniert perfekt, aber das Problem ist, wenn der admin/Manager wählt auf „& Rückstand aufgespalten“, sondern entweder:
A) wählt keinen Artikel
B) Wählt alle Elemente auf einem Auftrag zu spalte aufspalten
C) Tries & Rückstand und um mit nur 1 Position (zu Validierungszwecken aufzuspalten, ist dies das gleiche wie alle Elemente der Auswahl)

was entweder das Original oder Split, um keine Elemente angebracht, um es potentiell mit .

Ich möchte eine JS-Validierung durchführen, die im Grunde den PHP-Beitrag stoppt und eine Warnung anzeigt, wenn entweder die Bedingung keine Elemente oder alle Elemente ausgewählt sind, um & Rückstands zu teilen.

Ich habe dies mit einer JS onclick Funktion und eine Schleife mit einer Variablen zum Hochzählen der gesamten Elemente & Elemente ausgewählt und zu vergleichen, aber das Problem macht dies dynamisch genug, um mit jeder Bestellung als arbeiten Die Namen der Radio-Buttons ändern sich mit jeder Bestellung (erledigt von PHP). In PHP hätte ich einfach das Array mit einer Schleife aus dem Post erweitert, aber ich weiß nicht einmal, wo ich anfangen soll, in Client-JS.

Answer 1

Ich wusste wirklich nicht, wo mit diesem zu starten, und ein Freund bot es mit mir zu suchen, der seinen Weg kennt JS um viel mehr als ich

Dies ist, was wir die Umsetzung endete:

Wir fügten die Klasse "productRows" der Div für jede Produktreihe hinzu, so dass wir dann das überprüfte Optionsfeldelement auswählen und unsere Validierung durchführen konnten. Dies ist der HTML-Code:

<div class="row product-row"> 
       <!-- Div to show checkbox when Split Order is selected --> 
       <div class= "flat-green splititemchkbox" style="display:none" id="splititemchkbox"> 
        <input type="hidden" name="splitbackitem[<?= @$prod['id'];?>][id]" value=<?= @$prod['id'];?>> 

        <input type="radio" style="transform: scale(2)" name="splitbackitem[<?= @$prod['id'];?>][checked]" value="0" checked="checked"> 
        <label style="margin: 1%">Do Nothing</label> 
        <input type="radio" style="transform: scale(2)" name="splitbackitem[<?= @$prod['id'];?>][checked]" value="1"> 
        <label style="margin-left: 1%">Split Item to Backorder</label> 
       </div> 

Hoffe das hilft jemand anderen auf der Suche nach ähnlichen Lösung!

Prost