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 相关文章推荐
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
Sep 10 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
May 11 Javascript
老生常谈js动态添加事件--- 事件委托
Jul 19 Javascript
JavaScript中定时控制Throttle、Debounce和Immediate详解
Nov 17 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
vue cli安装使用less的教程详解
Jul 12 Javascript
解决layui数据表格Date日期格式的回显Object的问题
Sep 19 Javascript
Vue中函数防抖节流的理解及应用实现
Apr 24 Javascript
Vue实现input宽度随文字长度自适应操作
Jul 29 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 addslashes和mysql_real_escape_string
2010/01/24 PHP
php函数之子字符串替换&amp;#65279; str_replace
2011/03/23 PHP
PHP中数组定义的几种方法
2013/09/01 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
laravel实现Auth认证,登录、注册后的页面回跳方法
2019/09/30 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
2021/03/09 PHP
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
EasyUI中的tree用法介绍
2011/11/01 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
2013/01/24 Javascript
requireJS使用指南
2016/04/27 Javascript
JS框架之vue.js(深入三:组件1)
2016/09/29 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
H5实现手机拍照和选择上传功能
2019/12/18 Javascript
查看Python安装路径以及安装包路径小技巧
2015/04/28 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
python实现log日志的示例代码
2018/04/28 Python
Python决策树之基于信息增益的特征选择示例
2018/06/25 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
keras中的backend.clip用法
2020/05/22 Python
Python中操作各种多媒体,视频、音频到图片的代码详解
2020/06/04 Python
Python pymysql模块安装并操作过程解析
2020/10/13 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
上课说话检讨书大全
2014/01/22 职场文书
森林防火工作方案
2014/02/14 职场文书
人事专员的职责
2014/02/26 职场文书
七一党日活动总结
2014/07/08 职场文书
离婚协议书标准格式
2014/10/04 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
2016春节慰问信范文
2015/03/25 职场文书
民事答辩状格式范文
2015/05/21 职场文书
微信小程序scroll-view不能左右滑动问题的解决方法
2021/07/09 Javascript
Python 图片添加美颜效果
2022/04/28 Python