jQuery je Javascriptový framework, který může zjednodušit kódování Javascript pro webové stránky a odstraňuje hodně kříž problémy s kompatibilitou prohlížeče. Včera jsem se podíval na to, jak získat a nastavit hodnoty prvků formuláře s jQuery, ale nezabýval se zaškrtávacími políčky. Dnešní příspěvek se zabývá tím, jak zjistit, zda je zaškrtnuto políčko formuláře HTML nebo není zaškrtnuto u jQuery, a jak jej změnit tak, aby byl zrušen/zkontrolován.
příklad formuláře
náš příklad formuláře vypadá takto:
<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" />
tam je zaškrtávací políčko s názvem “ foo “ a pak tři tlačítka. První volá funkciukázat nám, zda je zaškrtávací políčko zaškrtnuto nebo ne, a druhé dvě jej změní z kontroly na nekontrolovanou.
Zkontrolujte, zda je políčko zaškrtnuté
Existuje několik způsobů, jak se dostat do práce, jestli je zaškrtnuto políčko nebo ne s jQuery, a zde pár alternativ. Každý se vrátí true, pokud je zaškrtnuto, nebo false, pokud tomu tak není.
$('input').is(':checked')$('input').attr('checked')
Nastavte políčko zaškrtnuto nebo ne kontrolována
stav zaškrtávacího políčka lze měnit pomocí attr() funkce jako tak, zaškrtněte políčko:
$('input').attr('checked', true);
a tak jako se, zrušte zaškrtnutí políčka:
$('input').attr('checked', false);
Pracovní příklad
A konečně, tady je příklad formuláře v akci:
poznámka o logické hodnoty
Tam je diskuse v komentářích pod o problémech zjištěných s Chromu, které mohou být v souvislosti s string hodnoty true a false, že prošel vzhledem k tomu, že musí být přísně logická hodnota true nebo false v opačném případě nečekané důsledky může stát.
bylo navrženo použít .removeAttr () místo toho, ale to může mít další důsledky z mého čtení komentářů na stránce dokumentace jQuery pro tuto funkci. Budu tě následovat až tento příspěvek později a udělat více testů k potvrzení, určitě
Přepínání políčko při kliknutí na štítek
Všimněte si, že Javascript není nutné přepnout zaškrtávací políčko při kliknutí na nějaký text, to je to, co HTML <label>s jsou pro. Přečtěte si můj následný příspěvek pomocí HTML <štítek> pro přepínání a Výběr polí pro více informací.