jquery获取表单标签值的方法
这篇文章将为大家详细讲解有关jquery获取表单标签值的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的剑阁网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
使用jQuery来获取表单的值是比较常见的做法。
常见表单
单行文字域:
密码域:
单选:男 女
多选:
篮球 足球 皮球
下拉列表:
多行文字域:
用jQuery获取表单标签值
// 昵称 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);
一个可以获取单选和多选的函数,返回值得数组:
//获取单选或者多选的值,返回一个值得数组,如果没有值,返回空数组,参数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; }
总结:
单行文字:$("#text").val();
密码:$("#pass").val();
单选:$("input:radio:checked").val();
多选:遍历 $("input:checkbox"),判断是否选中
下拉:$("#select").val();或者$("#select option:select").val();
多行文字:$("textarea").val();
关于jquery获取表单标签值的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
标题名称:jquery获取表单标签值的方法
标题网址:http://pwwzsj.com/article/ieegoi.html