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 相关文章推荐
jQuery中even选择器的定义和用法
Dec 23 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 Javascript
jQuery UI仿淘宝搜索下拉列表功能
Jan 10 Javascript
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 Javascript
JavaScript反射与依赖注入实例详解
May 29 Javascript
layer弹出层父子页面事件相互调用方法
Aug 17 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
Sep 27 Javascript
ionic使用angularjs表单验证(模板验证)
Dec 12 Javascript
JavaScript中的 new 命令
May 22 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 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
浅谈laravel5.5 belongsToMany自身的正确用法
2019/10/17 PHP
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
学习YUI.Ext 第三天
2007/03/10 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
javascript文件中引用依赖的js文件的方法
2014/03/17 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
简述Matlab中size()函数的用法
2016/03/20 Javascript
纯JS代码实现一键分享功能
2016/04/20 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
vue.js+Element实现表格里的增删改查
2017/01/18 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
浅谈python jieba分词模块的基本用法
2017/11/09 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
使用Python+selenium实现第一个自动化测试脚本
2020/03/17 Python
阿里旅行:飞猪
2017/01/05 全球购物
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
前台文员岗位职责
2013/12/28 职场文书
上海世博会口号
2014/06/19 职场文书
临时租车协议范本
2014/09/23 职场文书
入党积极分子考察意见
2015/06/02 职场文书
工作证明书
2015/06/15 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书
golang日志包logger的用法详解
2021/05/05 Golang
如何用Laravel包含你自己的帮助函数
2021/05/27 PHP
25张裸眼3D图片,带你重温童年的记忆,感受3D的魅力
2022/02/06 杂记
用PYTHON去计算88键钢琴的琴键频率和音高
2022/04/10 Python
python开发制作好看的时钟效果
2022/05/02 Python
Python测试框架pytest高阶用法全面详解
2022/06/01 Python