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 09 Javascript
JavaScript脚本性能的优化方法
Feb 02 Javascript
JavaScript 三种不同位置代码的写法
Oct 25 Javascript
js中如何把字符串转化为对象、数组示例代码
Jul 17 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
浅谈JavaScript 数据属性和访问器属性
Sep 01 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
AngularJS获取json数据的方法详解
May 27 Javascript
原生js实现简单的焦点图效果实例
Dec 14 Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
Nov 01 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读取flv文件的播放时间长度
2009/09/03 PHP
关于php程序报date()警告的处理(date_default_timezone_set)
2013/10/22 PHP
[原创]php求圆周率的简单实现方法
2016/05/30 PHP
PHP怎样用正则抓取页面中的网址
2016/08/09 PHP
Yii框架结合sphinx,Ajax实现搜索分页功能示例
2016/10/18 PHP
PHP 验证身份证是否合法的函数
2017/02/09 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
使用Modello编写JavaScript类
2006/12/22 Javascript
jQuery中removeData()方法用法实例
2014/12/27 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
jQuery实现多级下拉菜单jDropMenu的方法
2015/08/28 Javascript
JS鼠标滚动分页效果示例
2017/07/05 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
mpvue全局引入sass文件的方法步骤
2019/03/06 Javascript
js实现html滑动图片拼图验证
2020/06/24 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
[01:16]DOTA2小知识课堂 Ep.03 芒果树无伤肉山
2019/12/05 DOTA
Python缩进和冒号详解
2016/06/01 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
python中get和post有什么区别
2020/06/19 Python
TensorFlow保存TensorBoard图像操作
2020/06/23 Python
python 5个实用的技巧
2020/09/27 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
生日邀请函范文
2014/01/13 职场文书
音乐之声音乐广播稿
2014/09/10 职场文书
高考1977观后感
2015/06/04 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
深入探讨opencv图像矫正算法实战
2021/05/21 Python
win10双系统怎么删除一个系统?win10电脑有两个系统删除一个的操作方法
2022/07/15 数码科技