Am o listă de zece casete de selectare simple, care arată toate cam așa:

cantitate

Nu vreau ca utilizatorul să poată bifa mai mult de 5 casete înainte de a trimite formularul. Cum pot face ca, după ce este bifată o a șasea casetă, una dintre celelalte să fie debifată?

2 Răspunsuri 2

Debifarea aleatorie a altor casete de selectare este puțin confuză pentru utilizatorii dvs.

Ce zici de dezactivarea celorlalte casete de selectare?

P.S. Dacă nu utilizați jQuery, anunțați-mă și vă voi oferi o soluție nativă.

Ați putea apela o funcție javascript (folosesc jQuery în acest exemplu) care analizează toate casetele de selectare waterBox și o limitează la 5, cam așa:

Apoi, asigurați-vă că ați numit casetele de selectare cu paranteze:

Nu am testat acest lucru, dar principiul general ar trebui să funcționeze.

Actualizați: S-a remediat atributul ID lipsă din caseta de selectare.

Actualizare 2: selecție fixă ​​jQuery de casete de selectare și numărare.