web前端|js教程
jquery
web前端-js教程
在日常开发过程中,有许多用到表单的地方。比如登录,注册,比如支付,填写订单,比如后台管理等等。
信用盘源码出,VsCode运行pip插件,ubuntu装abd,tomcat几个容器,sqlite库后缀名,网络爬虫的总结和展望作文,反射类 php,广州seo营销平台,技术类网站模板,小视频网页源码,博客 样式模板lzw
telnet 源码,ubuntu栏半透明,怎样安装配置tomcat,眼睛爬虫图片,php怎么接收数据,云阳一站式seo推广费用是多少lzw
使用jQuery来获取表单的值是比较常见的做法。
传奇源码在哪下载地址,gpd安装ubuntu教程,python爬虫和采集,php 和%,衢州seo托管lzw
常见表单
单行文字域:
密码域:
单选:男 女
多选:
篮球足球皮球
下拉列表:
北京 南京 上海 成都 西安
多行文字域:这里可以写多行文字
这里是备注
用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();