JQUERY获取form表单值的代码


Posted in Javascript onJuly 17, 2010

假如我们有如下页面:
<input type="text" name="textname" id="text_id" value="">
...........在此不写出来了

下面来看怎么取得FORM中的各种值等等;
function get_form_value(){
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");//或者
var textval = $("#text_id").val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]").val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表中所有的值*/
var selectval = $('#select_id').val();
//获取下拉列表选取中的值,此方法针对所有下拉框都起作用的
//此方法针对所有下拉框都起作用的
//如果针对某ID进行获取,$(‘#id>option').each()即可

$('select>option').each(function(){
if($(this).attr('selected')==true)
{
alert($(this).text());
}
})
}
3.另外对表单的其他处理:
//控制表单元素:
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框

Javascript 相关文章推荐
Javascript 变量作用域 两个可能会被忽略的小特性
Mar 23 Javascript
div层的移动及性能优化
Nov 16 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
Dec 17 Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
javascript针对cookie的基本操作实例详解
Nov 30 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
Jan 24 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
Oct 15 Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
jQuery+ajax实现顶一下,踩一下效果
Jul 17 #Javascript
flexigrid 类似ext grid的JS表格代码
Jul 17 #Javascript
基于JQuery的Pager分页器实现代码
Jul 17 #Javascript
基于jQuery的Spin Button自定义文本框数值自增或自减
Jul 17 #Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 #Javascript
JavaScript.Encode手动解码技巧
Jul 14 #Javascript
JavaScript中的一些定位属性[图解]
Jul 14 #Javascript
You might like
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
php 获取百度的热词数据的代码
2012/02/18 PHP
如何使用“PHP” 彩蛋进行敏感信息获取
2013/08/07 PHP
PHP反射机制用法实例
2014/08/28 PHP
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
json 实例详细说明教程
2009/10/31 Javascript
js实现文本框中焦点在最后位置
2014/03/04 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
2017/06/13 Javascript
浅谈在Vue-cli里基于axios封装复用请求
2017/11/06 Javascript
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
详解如何使用babel进行es6文件的编译
2018/05/29 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
详解JavaScript 的变量
2019/03/08 Javascript
微信小程序云开发如何使用npm安装依赖
2019/05/18 Javascript
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
Python yield 使用浅析
2015/05/28 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
Python3.6实现连接mysql或mariadb的方法分析
2018/05/18 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
Python 下载及安装详细步骤
2019/11/04 Python
python 获取字典特定值对应的键的实现
2020/09/29 Python
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
StubHub新西兰:购买和出售你的门票
2019/04/22 全球购物
英语专业毕业生自荐信
2013/10/28 职场文书
新年寄语大全
2014/04/12 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
工作失职检讨书
2015/01/26 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers