jquery如何
取得text,areatext,radio,checkbox,select
的值,
以及其他一些操作;假如我们有如下页面:
<
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
()
;
//
清空下拉框
分享到:
相关推荐
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
下面小编就为大家带来一篇jquery获取form表单input元素值的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jquery如何取得text,areatext,radio,checkbox,select的值,以及其他一些操作.
使用jQuery.form插件,实现完美的表单异步提交
jquery-form - jQuery表单生成插件 。
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
ajaxForm()和ajaxSubmit()方法可以...//clearForm:true, //成功提交后,清除所有表单元素的值 //resetForm:true, //成功提交后,重置所有表单的值 //timeout:3000 //限制请求的时间,当请求大于3秒后,跳出请求 }
jquery插件 利用json 绑定 form 表单数据
提供了jquery提交form表单的方法,里面包括jquery.form.js、示例和方法说明
下面就日常最常用的,在Form表单中如何获取被中选的Radio值做一小小的示例。 form表单如下: 代码如下: <form name=’form1′ action=”#” method=”post”> 此处略去200字 <input type=”radio” name=”...
表单异步上传,表单中可以支持文件和数据异步上传,
jquery form表单验证的列子jquery form表单验证的列子jquery form表单验证的列子
该压缩包是jQuery的form表单校验插件,demo文件夹中是其说明文档,使用方法比较简单,查看说明文档都可以快速使用
文件压缩包里有jquery.form.js和使用说明文档 jquery表单验证插件_jquery.form.js
jquery验证form,表单,操作cookie 插件
主要介绍了jQuery实现获取form表单内容及绑定数据到form表单操作,结合jQuery封装插件操作分析了jQuery针对form表单的serializeJson数据获取及setForm数据绑定相关操作技巧,需要的朋友可以参考下
主要为大家详细介绍了Jquery判断form表单数据是否变化的方法,感兴趣的小伙伴们可以参考一下
一款很好用的jquery的form表单验证,囊括了:电话号码,邮件,控制,数字等一系列的验证方法
jquery表单验证插件jquery.form.js.pdf