jQuery este un cadru Javascript care poate simplifica codificarea Javascript pentru un site web și elimină o mulțime de probleme de compatibilitate a browserului încrucișat. Ieri m-am uitat la cum să obțineți și să setați valorile elementelor de formular cu jQuery, dar nu m-am ocupat de casetele de selectare. Postul de astăzi se uită la cum să-i spuneți dacă o casetă de selectare formular HTML este bifată sau nu verificat cu jQuery și apoi cum să-l schimbe pentru a fi ne/verificat.
formular de exemplu
formularul nostru de exemplu arată astfel:
<input type="checkbox" name="foo" value="bar" /><input type="button" onclick="show_checked()" value="Show" /><input type="button" onclick="set_checked(true)" value="On" /><input type="button" onclick="set_checked(false)" value="Off" />
există caseta de selectare cu numele ” foo ” și apoi trei butoane. Primul apelează o funcțiepentru a ne arăta dacă caseta de selectare este bifată sau nu, iar a doua două o schimbă de la a fi bifată la a nu fi bifată.
verificați dacă caseta de selectare este bifată
există mai multe modalități de a ajunge la lucru dacă o casetă de selectare este bifată sau nu cu jQuery și aici câteva alternative. Fiecare va returna true dacă este verificat sau fals dacă nu este.
$('input').is(':checked')$('input').attr('checked')
setați caseta de selectare la bifat sau nu bifat
starea casetei de selectare poate fi modificată utilizând funcția attr () astfel, pentru a bifa caseta:
$('input').attr('checked', true);
și așa să debifați caseta:
$('input').attr('checked', false);
exemplu de lucru
și, în sfârșit, aici este forma exemplu în acțiune:
o notă despre valorile booleene
există o discuție în comentariile de mai jos despre problemele găsite cu Chromium, care pot fi legate de valorile șirurilor de adevărat și fals fiind transmise, în timp ce trebuie să fie strict un adevărat sau fals boolean, altfel se pot întâmpla consecințe neașteptate.
s-a sugerat utilizarea .removeAttr () în schimb, dar acest lucru poate avea alte consecințe din citirea mea a comentariilor de pe pagina de documentare jQuery pentru funcția. Voi urmări acest post la o dată ulterioară și de a face mai multe teste pentru a confirma sigur
Comutarea o casetă de selectare atunci când faceți clic pe o etichetă
rețineți că Javascript nu este necesar pentru a comuta o casetă de selectare atunci când faceți clic pe un text; asta e ceea ce HTML <eticheta>s sunt pentru. Citiți postarea mea de urmărire utilizând eticheta HTML<> pentru a comuta și selecta câmpurile pentru mai multe informații.