Hur Avmarkera allt från en Markera flera i jQuery

March 28

Multi-välj lådor görs med nästan samma kod som drop-down urval lådor, den enda program skillnaden är tillägget av en "multiple" attribut. Formelement som skapats av denna kod är en ruta där du kan bläddra ner och välja flera alternativ. Du kan skapa en knapp som avmarkerar alla alternativ i en flervalsruta i jQuery. Den "alternativet: valt" väljare i jQuery kommer hitta några utvalda alternativ och lägga till "removeAttr (vald)" till väljaren kommer avmarkera dessa alternativ.

Instruktioner

1 Öppna webbsidan i en editor och kolla upp det för jQuery biblioteket referens, inom "<script>" taggar i antingen huvudet eller sidfoten på sidan koden. Lägg referensen om du inte hittar en, sedan lägga till ett par "<script>" taggar under hänvisningen till hålla skriptet du skriver:

<Script funktion:

<Script type = "text / javascript">

$ (Function () {

});

</ Script>

Skriv resten av ditt manus inuti klammerparenteserna i funktion.

3 Hitta ID namnet på knappen "Skicka" i HTML:

<Input type = "submit" value = "Clear Box" id = "clear" />

I det här exemplet är ID-namnet "klar".

4 Välj knappen "Skicka" av sitt ID-namn och bifoga "klick ()" -funktion för att utlösa en click-händelse:

$ ( "# Klar"). Klicka på (function () {

});

5 Lägg till den här kodraden inuti "klick ()" funktion:

$ ( "Alternativ: valt"). RemoveAttr ( "utvalda");

Denna kod fungerar bara på flera utvalda boxar som skapats av "<välj>" tag. De "$ (" alternativ: valt ")" väljare ser för något alternativ i fler välja att markeras och använder "removeAttr ()" för att ta bort varje instans av "valda" attribut från "<option>" taggar på sidan.

6 Lägg till "return false" i slutet av din "klick ()" funktion för att förhindra att knappen "Skicka" från att skicka användaren till en ny sida eller försöker skicka några data. Din slutliga koden ser ut så här:

$ (Function () {

$ ( "# Klar"). Klicka på (function () {

$("option:selected").removeAttr("selected");

return false;

});

});

Tips

  • Ändra alla förekomster av "utvalda" till "kontrollerat" i skriptet och ta bort "alternativ" från väljaren kod för att använda detta skript för kryssrutor i stället för en flervalsruta.

        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2018 Astrixsoft.com | Contact us: webmaster# astrixsoft.com