Jak zaškrtnout a zrušit zaškrtnutí všech políček pomocí JavaScriptu

Tento článek demonstruje metody pro zaškrtnutí a zrušení zaškrtnutí všech zaškrtávacích políček pomocí JavaScriptu.

Jak zaškrtnout a zrušit zaškrtnutí všech políček pomocí JavaScriptu?

Chcete-li zaškrtnout a zrušit zaškrtnutí všech políček v JavaScriptu, můžete použít:

• “ document.getElementsByName ” pomocí zaškrtávacích políček
• “ document.getElementsByName “ metoda s tlačítky

Zmíněné přístupy nyní probereme jeden po druhém!

Metoda 1: Zaškrtněte a zrušte zaškrtnutí všech políček v JavaScriptu pomocí metody „document.getElementsByName()“ s „zaškrtávacími políčky“

' document.getElementsByName() ” vrací prvky se zadaným názvem ve svých argumentech. Tato metoda bude použita k načtení hodnoty každého zaškrtávacího políčka pomocí předaného jména.

Pro demonstraci si projdeme následující příklad.

Příklad

Nejprve bude typ vstupu specifikován jako „ zaškrtávací políčko “ a každému zaškrtávacímu políčku bude přiřazen konkrétní název a hodnota:

Nyní přidejte další zaškrtávací políčko s hodnotou „ Zkontrolovat vše “ a připojte „ při kliknutí() ” událost s tímto zaškrtávacím políčkem, která bude fungovat tak, že při kliknutí na zaškrtávací políčko bude „ checkNezaškrtnuto ()“ metoda bude vyvolána s objektem „ tento “ jako argument:

Poté definujte funkci s názvem „ checkUncheck() ” v souboru JavaScript s proměnnou s názvem “ zaškrtávací políčko “ jako argument. Nyní přistupte k hodnotám zaškrtávacích políček pomocí „ document.getElementsByName() “ a umístěte hodnotu “ název ” atribut jako jeho argument.

Nakonec použijte „ pro ” smyčka pro iteraci podél všech hodnot zaškrtávacích políček a použití “ kontrolovány vlastnost ” pro označení všech jako zaškrtnuté:

Jak vidíte, když „ Zkontrolovat vše ” je zaškrtnuto, všechna ostatní zaškrtávací políčka jsou také označena jako zaškrtnutá:

Metoda 2: Zaškrtněte a zrušte zaškrtnutí všech políček v JavaScriptu pomocí metody „document.getElementsByName()“ s „tlačítky“

' document.getElementsByName() ” metoda, jak bylo diskutováno v předchozí metodě, načte prvky se zadaným názvem ve svých argumentech. Lze jej použít k zaškrtnutí nebo zrušení zaškrtnutí všech přidaných zaškrtávacích políček na webové stránce.

Pro demonstraci se podívejte na následující příklad.

Příklad

Nyní zahrneme dvě tlačítka pro oba „ Zkontroluje vše ' a ' Zrušte zaškrtnutí políčka Vše “funkce. Poté připojte „ při kliknutí ” událost s oběma tlačítky, která zpřístupní specifikované funkce samostatně:

Dále definujte funkci s názvem „ šek() “ a použijte „ document.getElementsByName “ metoda se zadanou hodnotou “ název ' atribut. Poté opakujte „ pro ” smyčka podél všech hodnot zaškrtávacích polí diskutovaných v předchozí metodě.

Navíc po kliknutí na příslušné tlačítko se zobrazí „ kontrolovány ” vlastnost označí všechna zaškrtávací políčka a nastaví zaškrtnutý stav jako “ skutečný “:

Dále definujte funkci s názvem „ zrušit zaškrtnutí () “ a přidejte do něj zpětnou funkci, abyste označili vlastnost zaškrtnutého políčka jako „ Nepravdivé “:

Ve výstupu je vidět, že přidaná tlačítka fungují perfektně:

Poskytli jsme nejjednodušší způsoby, jak zaškrtnout a zrušit zaškrtnutí všech políček pomocí JavaScriptu.

Závěr

Pro zaškrtnutí a zrušení zaškrtnutí všech políček pomocí JavaScriptu použijte „ document.getElementsByName() “ metoda s “ Zaškrtávací políčka “ pro přidání zaškrtávacího políčka a zpřístupnění funkce, což povede k zaškrtnutí zaškrtávacích políček nebo k použití stejné metody jako u „ Tlačítka ” zahrnout dvě tlačítka samostatně pro zaškrtnutí a zrušení zaškrtnutí všech zadaných hodnot. Tento zápis vysvětlil metody pro zaškrtnutí a zrušení zaškrtnutí všech zaškrtávacích políček pomocí JavaScriptu.