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

Application pratique Jquery, déterminez si radio, sellct, la case à cocher est sélectionnée et la valeur sélectionnée

黄舟
黄舟original
2016-12-21 15:09:161405parcourir

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

017

018 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) !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn