Jak vybrat přepínač ve výchozím nastavení?

Jak vybrat přepínač ve výchozím nastavení?

Ve výchozím stavu ' kontrolovány Atribut ” se používá pro výběr přepínače. Pokud je tento atribut použit na více přepínačích, bude ve výchozím nastavení vybrán nejnovější přepínač. Postupujte podle podrobného blogu a vyberte přepínač ve výchozím nastavení:

Krok 1: Vytvořte přepínací tlačítka

V souboru HTML vytvořte tři přepínače a připojte k nim štítky:

Ve výše uvedeném úryvku kódu:

• Přepínač je tvořen vytvořením jednoduchého „ ” tagy a nastavení jeho typu na “ rádio “.
• Každému přepínači přiřaďte „název“, „id“ a „hodnotu“.
• Nakonec použijte „ id “ ve vstupním poli pro připojení „ <štítek> ” tag pomocí “ pro ' atribut.

Po provedení skriptu výstup, jak je uvedeno níže:

Obrázek ukazuje, že přepínače jsou zobrazeny, ale ve výchozím nastavení není vybráno žádné z nich.

Krok 2: Vyberte možnost Standardně

' kontrolovány Atribut ” se používá k automatickému výběru přepínače. Vybere pouze jednu možnost. Proto je lepší zvolit ve výchozím nastavení jeden přepínač. Omezuje uživatele na výběr správné možnosti:

Ve výše uvedeném kódu je kontrolovány je použit atribut a je přiřazen pouze prvnímu vstupnímu poli.

Nyní po provedení výše uvedeného kódu webová stránka vypadá takto:

Výstup ukazuje, že první přepínač je ve výchozím nastavení vybrán při každém obnovení stránky.

Bonusový tip: Ve výchozím nastavení použijte k výběru přepínače JavaScript

Chcete-li vybrat přepínač ve výchozím nastavení pomocí JavaScriptu, otevřete přepínač pomocí id. Poté vyberte jeho zaškrtnutý atribut a nastavte jeho booleovskou hodnotu nastavenou na „true“ jako v níže uvedeném kódu:

V tomto kódu je „ začátečník ” je id tohoto přepínače, který je ve výchozím nastavení vybrán.

Po zkompilování skriptu výstup, jak je uvedeno níže:

Ve výše uvedeném snímku je první přepínač vybrán ve výchozím nastavení pomocí JavaScriptu.

Závěr

Pro výběr přepínače mohou uživatelé použít „ kontrolovány ' atribut. Pokud je zaškrtnutý atribut použit ve více než jednom přepínacím tlačítku, pak přepínací tlačítko získá nejnovější hodnotu atributu „zaškrtnuto“. Chcete-li vybrat přepínač ve výchozím nastavení pomocí JavaScriptu, otevřete přepínač pomocí id. Tento blog úspěšně demonstroval, jak vybrat přepínač ve výchozím nastavení.