jquery获取表单标签值的方法

  介绍

这篇文章将为大家详细讲解有关jquery获取表单标签值的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

使用jquery来获取表单的值是比较常见的做法。

<强>常见表单

单行文字域:& lt;输入类型=& # 39;文本# 39;在

& lt;输入类型=皌ext"id=& # 39;名字# 39;价值=https://www.yisu.com/zixun/氨蠢?

密码域:& lt;输入类型=& # 39;密码# 39;在

& lt;输入类型=皃assword"id=& # 39;通过# 39;价值=https://www.yisu.com/zixun/'密码'>

单选:& lt;输入类型=& # 39;射频和# 39;,name=& # 39;性与# 39;在男& lt;输入类型=& # 39;射频和# 39;name=& # 39;性与# 39;在女

& lt;输入类型=皉adio"name=& # 39;性与# 39;id=& # 39;男人# 39;https://www.yisu.com/zixun/value=" 1 ">   <标签=澳腥恕?男>   <标签="女人">女

多选:

& lt;输入类型=& # 39;复选框# 39;价值=https://www.yisu.com/zixun/' 1 ' name='种乐趣'>篮球   <输入类型=案囱】颉眝alue=' 2 ' name='种乐趣'>足球   <输入类型=案囱】颉奔壑?' 3 ' name='种乐趣'>皮球

下拉列表:

& lt;选择name=癱ity"id=癱ity"比;   https://www.yisu.com/zixun/& lt;选项值=" 1 ">北京   <选项值=" 2 ">南京   <选项值=3>上海   <选项值=" 4 ">成都   <选项值=" 5 ">西安   

多行文字域:& lt; textarea>这里可以写多行文字& lt;/textarea>

& lt; textarea name=啊癷d=皉emark"关口=?0”;,行=?0“的在这里是备注& lt;/textarea>

用jQuery获取表单标签值

//昵称=$ var名称(“# name") .val ();   console.log(名称);//密码   通过var=$ (“# pass") .val ();   console.log(通过);//性别   性=$ var(“输入:广播:checked") .val ();   console.log(性);//性别   var sex1=checkAll($(“输入:radio"));   console.log (sex1);//兴趣   var的爱好=checkAll($(“输入:checkbox"));   console.log(爱好);//城市   城市var=$ (“# city") .val ();   console.log(城市);//城市   var city1=$(“#城市选择:selected") .val ();   console.log (city1);//备注=$ var评论(“# remark") .val ();   console.log(备注);

一个可以获取单选和多选的函数,返回值得数组:

//获取单选或者多选的值,返回一个值得数组,如果没有值,返回空数组,参数inputlist是jQuery对象   函数checkAll (inputlist) {   var arr=[];   var num=inputlist.length;   (var=0;我& lt;num;我+ +){   如果(inputlist.eq(我). (“:checked")) {   arr.push (inputlist.eq (i) .val ());   }   }   返回arr;   }

<>强总结:

单行文字:美元(“# text") .val ();

密码:美元(“# pass") .val ();

单选:美元(“输入:广播:checked") .val ();

多选:遍历(“输入:checkbox")美元,判断是否选中

下拉:美元(“#选择).val();或美元者(“#选择选项:选择).val ();

多行文字:美元(“textarea") .val ();

关于jquery获取表单标签值的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

jquery获取表单标签值的方法