jQuery succinctement HTML Forms & jQuery

Désactiver / Activer les éléments de formulaire

Avec jQuery, vous pouvez facilement désactiver les éléments de formulaire en définissant la valeur d'attribut désactivé d'un élément de formulaire sur désactivé. Pour ce faire, nous sélectionnons simplement une entrée, puis en utilisant le attr () méthode, nous définissons l'attribut disabled de l'entrée sur une valeur de disabled.

Pour activer un élément de formulaire désactivé, nous supprimons simplement l'attribut désactivé à l'aide de removeAttr () ou définir la valeur de l'attribut désactivé à vide avec attr ().

Comment déterminer si un élément de formulaire est désactivé ou activé

Utilisation des expressions de filtre de formulaire jQuery :désactivée ou :activée, il est plutôt facile de sélectionner et de déterminer (valeur booléenne) si un élément de formulaire est désactivé ou activé. Examinez le code ci-dessous pour clarification.

Sélectionner / effacer une case à cocher ou un bouton radio

Vous pouvez sélectionner une entrée de bouton radio ou une case à cocher en définissant son vérifié attribuer à vrai en utilisant le attr ().

Pour effacer une entrée de bouton radio ou une case à cocher, supprimez simplement l'attribut coché à l'aide du bouton removeAttr () méthode ou définir le vérifié attribuer la valeur à une chaîne vide.

Sélection / suppression de plusieurs cases à cocher ou entrées de bouton radio

Vous pouvez utiliser jQuery val () sur plusieurs entrées de case à cocher ou entrées de bouton radio pour définir les entrées sur coché. Ceci est fait en passant le val () method un tableau contenant une chaîne qui coïncide avec l'attribut de valeur d'entrée de case à cocher ou de bouton radio.

Remarques: Si la case à cocher ou le bouton radio est déjà sélectionné, utilisez val () n'effacera pas l'élément d'entrée.

Déterminer si une case à cocher ou un bouton radio est sélectionné ou effacé

Nous pouvons déterminer si une entrée de case à cocher ou une entrée de bouton radio est sélectionnée ou effacée en utilisant le bouton :vérifié filtre de formulaire. Examinez le code ci-dessous pour plusieurs utilisations du :vérifié filtre.

Comment déterminer si un élément de formulaire est masqué

Vous pouvez déterminer si un élément de formulaire est masqué à l'aide de la commande :caché filtre de formulaire. Examinez le code ci-dessous pour plusieurs utilisations du :vérifié filtre.

Définir / Obtenir la valeur d'un élément d'entrée

le val () Cette méthode peut être utilisée pour définir et obtenir la valeur d'attribut d'un élément d'entrée (bouton, case à cocher, masqué, image, mot de passe, radio, réinitialisation, soumission, texte). Ci-dessous, je règle la valeur de chaque entrée dans val () puis alerter la valeur en utilisant le val () méthode.

Définition / Obtention de l'option sélectionnée d'un élément sélectionné

En utilisant le val () méthode, vous pouvez définir la valeur sélectionnée d'un élément, utilisez le val () méthode à nouveau pour déterminer quelle option est sélectionnée. le val () méthode dans ce scénario retournera la valeur d'attribut de l'option sélectionnée.

Paramétrage / Obtention des options sélectionnées d'un élément à sélection multiple

En utilisant le val () méthode, nous pouvons définir les valeurs sélectionnées d'un élément à sélection multiple en passant le val () méthode un tableau contenant les valeurs correspondantes.

Pour obtenir les options sélectionnées dans un élément à sélections multiples, nous utilisons à nouveau le val () méthode pour récupérer un tableau des options sélectionnées. Le tableau contiendra les attributs de valeur des options sélectionnées.

Définition / Obtention de texte contenu dans une </h2> <p>Vous pouvez définir le contenu du noeud de texte d'un <code><textarea></code> élément en passant le <code>val ()</code> méthode une chaîne de texte à utiliser comme texte. Pour obtenir la valeur d'un <code><textarea></code> élément, nous utilisons à nouveau le <code>val ()</code> méthode pour récupérer le texte contenu dans.</p> <pre> <!DOCTYPE html> <html lang="en"> <body> <textarea>

Définition / Obtention de l'attribut de valeur d'un élément de bouton

Vous pouvez définir l’attribut value d’un élément de bouton en passant le val () méthode une chaîne de texte. Pour obtenir la valeur d’un élément de bouton, utilisez la commande val () méthode à nouveau pour récupérer le texte.

Edition d'éléments sélectionnés

jQuery rend certaines des tâches courantes associées à la modification d'éléments de sélection triviales. Vous trouverez ci-dessous certaines de ces tâches avec des exemples codés..

 // Ajoute des options à un élément select à la fin $ ('select'). Append (''); // Ajoute des options au début d'un élément de sélection $ ('select'). Prepend (''); // Remplace toutes les options par les nouvelles options $ ('select'). Html (''); // Remplacez les éléments d'un certain index à l'aide du filtre de sélection: eq () // pour sélectionner l'élément, puis remplacez-le par la méthode .replaceWith () $ ('select option: eq (1)'). ReplaceWith (''); // Définit l'option sélectionnée de l'élément de sélection sur 2 $ ('option de sélection: eq (2)'). Attr ('sélectionné', 'sélectionné'); // Supprime la dernière option d'un élément de sélection $ ('select option: last'). Remove (); // Sélectionne une option d'un élément de sélection via son // ordre dans l'ensemble de wrapper à l'aide de filtres personnalisés $ ('# option de sélection: premier'); $ ('# option de sélection: dernier'); $ ('# option de sélection: eq (3)'); $ ('# option de sélection: gt (5)'); $ ('# option de sélection: lt (3)'); $ ('# option de sélection: pas (: sélectionné)'); // Récupère le texte de la ou des options sélectionnées, cela retournera le texte // de toutes les options sélectionnées lors de l'utilisation d'un élément à sélection multiple $ ('select option: selected'). Text (); // Obtient la valeur d'attribut value d'une option dans un élément de sélection $ ('select option: last'). Val (); // Obtention de l'élément: last option // Obtient l'index (0 index) de l'option sélectionnée. // Remarque: Ne fonctionne pas avec des éléments à sélection multiple. $ ('option de sélection'). index ($ ('option de sélection: sélectionné')); // Insérer une option après une position particulière $ ('select option: eq (1)'). After (''); // Insérer une option avant une position particulière $ ('select option: eq (3)'). Before ('');

Sélection d'éléments de formulaire par type

Il est possible de sélectionner des éléments de formulaire par leur type, par exemple. $ ('entrée: case à cocher'). jQuery fournit les filtres de types de formulaire suivants pour sélectionner les éléments de formulaire en fonction de leur type.

:texte
:mot de passe
:radio
: case à cocher
:soumettre
:image
:réinitialiser
:fichier
:bouton

Sélection de tous les éléments de formulaire

Vous pouvez sélectionner tous les éléments de formulaire à l’aide des touches :contribution filtre de formulaire. Ce filtre sélectionnera plus que des éléments d’entrée, il sélectionnera </code>, <code><select></code>, ou <code><button></code> éléments aussi bien. Dans l’exemple codé ci-dessous, prenez note de la longueur de l’encapsuleur lorsque vous utilisez le <code>:contribution</code> filtre.</p> <pre> <!DOCTYPE html> <html lang="en"> <body> <input type="button" value="Input Button"> <input type="checkbox"> <input type="file"> <input type="hidden"> <input type="image"> <input type="password"> <input type="radio"> <input type="reset"> <input type="submit"> <input type="text"> <select> <option>Option</option> </select> <textarea>





Code





	
        
		jQuery Succinctly jQuery et Ajax
			
				
			
        				
			
	
        
		jQuery succinctement événements & jQuery
			
			
					
        
	




	
			
					
							Deutsch					
							Français
							Nederlands
							Norsk
							Svenska
							Italiano
							Español
							Românesc
					
				
				
			fr.accentsconagua.com
			
				Informations intéressantes et conseils utiles sur la programmation. Développement de sites Web, conception de sites Web et développement Web. Tutoriels Photoshop. Création de jeux informatiques et d'applications mobiles. Devenez un programmeur professionnel à partir de zéro.
			
	



	

	
			
							×