Maison >interface Web >js tutoriel >Comment obtenir la valeur de la balise de formulaire dans jquery
Dans le processus de développement quotidien, il existe de nombreux endroits où les formulaires sont utilisés. Par exemple, connexion, inscription, paiement, traitement des commandes, gestion backend, etc.
C'est une pratique courante d'utiliser jQuery pour obtenir la valeur du formulaire.
Formulaires courants
Champ de texte sur une seule ligne :
<input type="text" id='name' value='pelli'>
Champ de mot de passe :
<input type="password" id='pass' value='password'>
Choix unique : HommeFemme
<input type="radio" name='sex' id='man' value="1"> <label for="man">男</label> <input type="radio" name='sex' id='woman' value="0"> <label for="woman">女</label>
Sélection multiple :
<input type='checkbox' value='1' name='intrest'>篮球 <input type='checkbox' value='2' name='intrest'>足球 <input type='checkbox' value='3' name='intrest'>皮球
Liste déroulante :
<select name="city" id="city"> <option value="1">北京</option> <option value="2">南京</option> <option value="3">上海</option> <option value="4">成都</option> <option value="5">西安</option> </select>
Champ de texte multiligne :
<textarea name="" id="remark" cols="30" rows="10">这里是备注</textarea>
Utilisez jQuery pour obtenir la valeur de la balise de formulaire
// 昵称 var name = $("#name").val(); console.log(name); // 密码 var pass = $("#pass").val(); console.log(pass); // 性别 var sex = $("input:radio:checked").val(); console.log(sex); // 性别 var sex1 = checkAll($("input:radio")); console.log(sex1); // 兴趣 var hobby = checkAll($("input:checkbox")); console.log(hobby); // 城市 var city = $("#city").val(); console.log(city); // 城市 var city1 = $("#city option:selected").val(); console.log(city1); // 备注 var remark = $("#remark").val(); console.log(remark);
Une fonction qui peut obtenir des sélections simples et multiples, renvoyant un tableau de valeurs :
//获取单选或者多选的值,返回一个值得数组,如果没有值,返回空数组,参数inputlist是jQuery对象 function checkAll(inputlist){ var arr = []; var num = inputlist.length; for(var i = 0; i < num; i++){ if(inputlist.eq(i).is(":checked")){ arr.push(inputlist.eq(i).val()); } } return arr; }
Résumé :
Texte sur une seule ligne : $("#text").val();
Mot de passe : $("#pass").val();
Sélection unique : $ ("input:radio:checked").val();
Sélection multiple : parcourir $("input:checkbox") pour déterminer s'il est sélectionné
liste déroulante : $("#select" ).val(); ou $("#select option:select").val();
Texte multiligne : $("textarea" .val();
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!