Maison >interface Web >js tutoriel >Application pratique Jquery, déterminez si radio, sellct, la case à cocher est sélectionnée et la valeur sélectionnée
001 jquery obtient la valeur du bouton radio
002
003 $("input[name='items']:checked").val(); 🎜>004 Un autre : Déterminez si la radio est sélectionnée et obtenez la valeur sélectionnée
005
006 Comme indiqué ci-dessous :
007 function checkradio(){
008 var item = $(":radio:checked");
009 var len=item.length
010 if(len>0){
011 alert ("oui--La valeur sélectionnée est :" $(":radio:checked").val()); 🎜>
015 016 017018 valeur radio jquery, valeur de case à cocher, valeur de sélection, radio sélectionnée, case à cocher sélectionnée, sélection sélectionnée et ses éléments associés
019
020 Obtenir la valeur d'un ensemble de radios sélectionnées items
021
022 var item = $('input[name=items ][checked]').val();
023
024 Récupère le texte de l'élément sélectionné
025
026 var item = $ ("select[name=items] option[selected]").text(); >027
028 Le deuxième élément de la liste déroulante de sélection est la valeur actuellement sélectionnée
029
030 $('#select_id')[0].selectedIndex = 1;
031
032 Le deuxième élément du groupe de sélection radio radio est actuellement sélectionné Valeurs
033
034 $('input [name=items]').get(1).checked = true;
035
036
037 Obtenir la valeur :
038
039
040
041 Zone de texte, zone de texte : $("#txt" ).attr("value");
043 Case à cocher à sélection multiple : $("#checkbox_id").attr("value"); 044 045 Radio de groupe à sélection unique : $("input[type =radio][checked]").val(); 046 047 Liste déroulante sélectionnez : $ ('#sel').val(); 048 049 050 051 Éléments du formulaire de contrôle : 052 053 Zone de texte, zone de texte : $(" #txt").attr("value",'');//Effacer le contenu 054 055 $ ("#txt").attr("value",'11' );//Remplir le contenu 056 057 058 Case à cocher à sélection multiple : $( "#chk1").attr("checked",'') ;//Décoché 059 060 $("#chk2").attr("checked",true );//Cochez 061 062 if($("#chk1").attr('checked')==undefined) //Détermine s'il a été vérifié063 064 065 066 Radio du groupe radio : $("input[type=radio]").attr("checked",'2 ');//Définissez l'élément avec value=2 comme élément actuellement sélectionné. ');//Définissez l'élément avec value=-sel3 comme élément actuellement sélectionné. option value='2'>2222").appendTo("#sel")//Ajoutez l'option de dépôt. -down box 071 072 $("#sel" ).empty();//Effacer la liste déroulante >
077
078 Lors de l'utilisation de $("#id") pour obtenir l'élément d'entrée de la page, il a été constaté que $("#id").value ne pouvait pas obtenir la valeur
079
.080
081
082 Plus tard, avec l'aide du grand Baidu, j'ai finalement trouvé la cause du problème :
083
084 $("") est un objet Jquery, pas un ÉLÉMENT DOM
085
086
087
088 la valeur est l'attribut du dom élément
089
090
091
092 La jquery correspondante est val
093
094
09 5 val( ) : Obtenez la valeur actuelle du premier élément correspondant.
096
097
098
099 val(val) : Définissez la valeur de chaque élément correspondant.
100
101
102
103 Donc, le code doit être écrit comme ceci :
104
105
106 Valeur : val = $("#id")[0].value;
107 Affectation : $("#id")[0].value = "new value" ;
108
109 or $("#id").val("new value"); 🎜>112
113 Ou ça marche : val = $("#id").attr("value");
114
115
116
117 Chacun est très facile à utiliser dans jQuery. Il est souvent utilisé pour remplacer la boucle for de javascript
118
119 Par exemple, il y a un each dans une fonction, et dans each Si une certaine condition est vraie, retournez. vrai ou faux à cette fonction
120
121 function method(){
122 .... 123 $.each(array,function(){
124 si (la condition est vraie){
125 return true;
126 }
127 } );
129 }
130"
132
133 Après avoir recherché des informations, j'ai découvert que break et continue ne peuvent pas être utilisés dans chaque bloc de code. Pour implémenter les fonctions de break et continue, d'autres méthodes doivent être utilisées
.134 break----use return false;
135 continue--use return ture
136
137 Donc, quand je veux utiliser return true in; each Lorsque cette fonction revient, elle permet simplement à chacun de continuer à s'exécuter sans interrompre chacun
138 Même chacun n'est pas interrompu, donc la fonction ne peut pas revenir
139
. 140 Un autre : Jugement si la radio est sélectionnée et obtient la valeur sélectionnée
141
142 comme indiqué ci-dessous :
143 function checkradio(){
144 var item = $( ":radio:checked");
145 var len=item.length
146 if(len>0){
147 alert( "oui--checked La valeur de , sellct, si la case à cocher est cochée et le contenu de la valeur sélectionnée. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !