介绍
这篇文章将为大家详细讲解有关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获取表单标签值的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。