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 相关文章推荐
SinaEditor使用方法详解
Dec 28 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
Apr 01 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
JavaScript实现打开链接页面的方式汇总
Jun 02 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 Javascript
vue init失败简单解决方法(终极版)
Dec 22 Javascript
在Vue组件中使用 TypeScript的方法
Feb 28 Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 Javascript
js canvas实现橡皮擦效果
Dec 20 Javascript
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
在Vue中使用Select选择器拼接label的操作
Oct 22 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
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
php下获取客户端ip地址的函数
2010/03/15 PHP
jquery 卷帘效果实现代码(不同方向)
2013/02/05 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
用move.js库实现百叶窗特效
2017/02/08 Javascript
bootstrap daterangepicker汉化以及扩展功能
2017/06/15 Javascript
vue二级路由设置方法
2018/02/09 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
Python简单实现子网掩码转换的方法
2016/04/13 Python
利用python批量检查网站的可用性
2016/09/09 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
分析python切片原理和方法
2017/12/19 Python
Python实现多线程的两种方式分析
2018/08/29 Python
详解python和matlab的优势与区别
2019/06/28 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
python中tab键是什么意思
2020/06/18 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
css3选择器基本介绍
2014/12/15 HTML / CSS
美国专业汽车音响和移动电子产品零售商:Car Toys
2019/05/13 全球购物
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
党的群众路线对照检查材料思想汇报(学校)
2014/10/04 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
如何写贫困证明申请书
2014/10/29 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
艺术节开幕词
2015/01/28 职场文书
淮阳太昊陵导游词
2015/02/10 职场文书
小学生优秀作文范文(六篇)
2019/07/10 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python