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面向对象的方式实现的弹出层效果代码
Jan 28 Javascript
javascript测试题练习代码
Oct 10 Javascript
用按钮控制iframe显示的网页实现方法
Feb 04 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
javascript常用的方法整理
Aug 20 Javascript
JavaScript面向对象分层思维全面解析
Nov 22 Javascript
jquery.flot.js简单绘制折线图用法示例
Mar 13 Javascript
微信小程序的日期选择器的实例详解
Sep 29 Javascript
swiper自定义分页器使用方法详解
Sep 14 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
更强大的vue ssr实现预取数据的方式
Jul 19 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 04 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
php提示undefined index的几种解决方法
2012/05/21 PHP
php define的第二个参数使用方法
2013/11/04 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
php+MySQL实现登录时验证登录名和密码是否正确
2016/05/10 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
常用js脚本
2006/12/03 Javascript
JavaScript中的正则表达式简明总结
2014/04/04 Javascript
JavaScript数据库TaffyDB用法实例分析
2015/07/27 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
JavaScript原生节点操作小结
2017/01/17 Javascript
JS实现简单短信验证码界面
2017/08/07 Javascript
利用vue.js把静态json绑定bootstrap的table方法
2018/08/28 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
从零学Python之hello world
2014/05/21 Python
用Python给文本创立向量空间模型的教程
2015/04/23 Python
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
Python类的继承和多态代码详解
2017/12/27 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
Python装饰器用法实例分析
2019/01/14 Python
基于pytorch中的Sequential用法说明
2020/06/24 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
HTML5响应式(自适应)网页设计的实现
2017/11/17 HTML / CSS
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
亚洲最大旅游体验平台:KKday
2017/10/21 全球购物
计算机本科生自荐信
2013/10/15 职场文书
优秀应届生推荐信
2013/11/09 职场文书
产品开发计划书
2014/04/27 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
公司捐书倡议书
2015/04/27 职场文书
FP-growth算法发现频繁项集——发现频繁项集
2021/06/24 Python
MySQL三种方式实现递归查询
2022/04/18 MySQL