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 相关文章推荐
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
jquery 批量上传图片实现代码
Jan 28 Javascript
一个JQuery操作Table的代码分享
Mar 30 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
Oct 17 Javascript
详解JavaScript UTC时间转换方法
Jan 07 Javascript
jQuery绑定事件的四种方式介绍
Oct 31 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
javascript实现抢购倒计时程序
Aug 26 Javascript
Vue项目中使用jsonp抓取跨域数据的方法
Nov 10 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+apache+php Linux安装指南
2006/10/09 PHP
聊天室php&amp;mysql(四)
2006/10/09 PHP
php zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
js操作数组函数实例小结
2015/12/10 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
ReactNative页面跳转实例代码
2016/09/27 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
jQuery 选择符详细介绍及整理
2016/12/02 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
2017/04/25 Javascript
基于es6三点运算符的使用方法(实例讲解)
2017/10/12 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
vue-router的两种模式的区别
2019/05/30 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
详解Vue的mixin策略
2020/11/19 Vue.js
关于uniApp editor微信滑动问题
2021/01/15 Javascript
vue常用高阶函数及综合实例
2021/02/25 Vue.js
python正则表达式抓取成语网站
2013/11/20 Python
在Python程序中操作文件之flush()方法的使用教程
2015/05/24 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
Python产生Gnuplot绘图数据的方法
2018/11/09 Python
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
Python中dict和set的用法讲解
2019/03/28 Python
使用canvas压缩图片上传的方法示例
2020/02/07 HTML / CSS
零件设计自荐信范文
2013/11/27 职场文书
公司管理建议书范文
2014/03/12 职场文书
学期评语大全
2014/04/30 职场文书
建筑工地标语
2014/06/18 职场文书
反对四风自我剖析材料
2014/10/07 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏
SQL语句多表联合查询的方法示例
2022/04/18 MySQL
原生JS实现分页
2022/04/19 Javascript