a jQuery egy Javascript keretrendszer, amely egyszerűsítheti a JavaScript kódolását egy webhely számára, és sok böngészők közötti kompatibilitási problémát távolít el. Tegnap megnéztem, hogyan lehet megszerezni és beállítani az űrlapelem értékeit a jQuery segítségével, de nem foglalkoztam a jelölőnégyzetekkel. A mai bejegyzés azt vizsgálja, hogyan lehet megmondani, hogy egy HTML űrlap jelölőnégyzet be van-e jelölve vagy nincs bejelölve a jQuery-vel, majd hogyan lehet megváltoztatni, hogy un/checked legyen.
példa űrlap
példaformánk így néz ki:
<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" />
van egy jelölőnégyzet a “foo” névvel, majd három gombbal. Az első függvényt hívhogy megmutassa, be van-e jelölve a jelölőnégyzet vagy sem, a második kettő pedig ellenőrzésről nem ellenőrzésre változtatja.
ellenőrizze, hogy a jelölőnégyzet be van-e jelölve
számos módja van annak, hogy dolgozzon ki, ha egy jelölőnégyzet be van jelölve, vagy sem a jQuery, és itt egy pár alternatíva. Mindegyik igaz értéket ad vissza, ha be van jelölve, vagy hamis, ha nem.
$('input').is(':checked')$('input').attr('checked')
állítsa be a jelölőnégyzetet bejelölve vagy nem bejelölve
a jelölőnégyzet állapota megváltoztatható az attr () függvény segítségével:
$('input').attr('checked', true);
és így törölje a jelölőnégyzetet:
$('input').attr('checked', false);
Munkapélda
és végül itt van a példa űrlap működés közben:
megjegyzés a logikai értékekről
az alábbi megjegyzésekben vita folyik a Chromiummal kapcsolatos problémákról, amelyek összefügghetnek az igaz és hamis karakterlánc értékeivel, mivel szigorúan logikai igaznak vagy hamisnak kell lennie, különben váratlan következmények léphetnek fel.
használatát javasolták .removeAttr () helyett, de ennek más következményei lehetnek a jQuery dokumentációs oldalán található megjegyzések olvasásakor. Ezt a bejegyzést egy későbbi időpontban követem, és további tesztelést végzek, hogy biztosan megerősítsem
jelölőnégyzet bekapcsolása címkére kattintva
vegye figyelembe, hogy a Javascript nem szükséges a jelölőnégyzet átkapcsolásához, ha valamilyen szövegre kattint; erre szolgálnak a HTML <címke> s. Olvassa el a következő bejegyzésemet a HTML < címke> használatával a mezők váltásához és kiválasztásához további információkért.