php+获取jq表单数据类型,jquery怎么获取表单标签值

本文详细介绍了在前端开发中如何使用jQuery来获取不同类型的表单元素的值,包括单行文字、密码、单选、多选、下拉列表和多行文字域等,并提供了一个通用函数`checkAll`用于获取单选和多选框的值。通过示例代码展示了具体的获取方法,是前端开发者日常工作中实用的技巧总结。
摘要由CSDN通过智能技术生成

在日常开发过程中,有许多用到表单的地方。比如登录,注册,比如支付,填写订单,比如后台管理等等。

a2bf814e61a025f01a347f3dc34590c2.png

使用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();

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值