Input Radio - setCustomValidity Opcje

[topcio]

Witajcie, mam taki problem potrzebuję wymusić na użytkowniku by wybrał jedną z opcji, jeśli nie wybierze to nie puści go dalej
Niestety nawet po wybraniu którejś z opcji trzeba po kolei przeklikać wszystkie inne by móc pójść dalej
Co jest nie tak w tym kodzie.

[PHP] pobierz, plaintext 
                echo "<div>";
                    echo "<h4>Ilość portów BNC: </h4>";
                    echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"4\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 4 ";
                    echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"8\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 8 ";
                    echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"16\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 16 ";
                    echo "<input type=\"radio\" id=\"dvr_bnc_port_quantity\" name=\"dvr_bnc_port_quantity\" value=\"32\" required oninvalid=\"this.setCustomValidity('Wybierz ilość portów BNC')\" onclick=\"this.setCustomValidity('')\"> 32 ";
                echo "</div>";
 
 
[PHP] pobierz, plaintext 

Z góry dzięki za pomoc.

[trueblue]

1. oninvalid ustaw tylko na pierwszym elemencie.
2. Komunikat walidacji czyść dla pierwszego elementu (nie dla klikanego).

3. Zainteresuje się metodą addEventListener.
4. ID elementu ma być unikalne w ramach dokumentu.

P.S Czyść dla pierwszego, ale na klik każdego.

Ten post edytował trueblue 1.02.2018, 22:02:59