这篇文章将为大家详细讲解有关jquery获取表单标签值的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
使用jQuery来获取表单的值是比较常见的做法。
常见表单
单行文字域：<input type='text'>
计算
安全
数据库
网络和加速
企业服务
<input type="text" id='name' value='pelli'>密码域：<input type='password'>
<input type="password" id='pass' value='password'>单选：<input type='radio' name='sex'>男 <input type='radio' name='sex'>女
<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>多选：
<input type='checkbox' value='1' name='intrest'>篮球
<input type='checkbox' value='2' name='intrest'>足球
<input type='checkbox' value='3' name='intrest'>皮球下拉列表：
<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>多行文字域：<textarea>这里可以写多行文字</textarea>
<textarea name="" id="remark" cols="30" rows="10">这里是备注</textarea>用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获取表单标签值的方法就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
