php+获取jq表单数据类型 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();