在日常開發過程中，有許多用到表單的地方。例如登錄，註冊，例如支付，填寫訂單，例如後台管理等等。
使用jQuery來取得表單的值是比較常見的做法。
常見表單
單行文字網域：
<input type="text" id='name' value='pelli'>
密碼網域：
<input type="password" id='pass' value='password'>
單選：男女
<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 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怎麼取得表單標籤值的詳細內容。更多資訊請關注PHP中文網其他相關文章！
