jquery 表单取值常用代码


Posted in Javascript onDecember 22, 2009

jquery操作表单元素代码
/*
假设在一个表单中有一个按钮id="save"
$(document).ready(function(){
     $("#save").click(function(){
        $("#save").attr("disabled",true);//设为不可用                        
        $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系,只有第一个会提交的哈哈.
     });
});
取下拉菜单选中项的文本;
获取和设置下拉菜单的值;
清空下拉菜单;
给下列菜单添加元素;
取单选框值;
单选或复选按钮的选择;
取复选框值;
判断单选或复选框是否被选中;
元素可用不可用;
判断元素可用不可用。

1.取下拉菜单选中项的文本

$("#select option[selected]").text();//select和option之间有空格,option为select的子元素  
$("#select option:selected").text();//如果写成$("#select").text();会把所有下拉菜单的文本选择出来  

2.获取和设置下拉菜单的值

$("#select").val();//取值  
$("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做任何变动

3.清空下拉菜单
 
$("#select").empty();  
$("#select").html(""); 

4.给下列菜单添加元素

$('<option value="1">1</option>').appendto($("#select"));  
$("#select").append('<option value="1">1</option>'); 

5.取单选框值

$("#id[checked]").val(); 

6.单选或复选按钮的选择

$("#id[value=val]").attr("checked",true);//选择  
$("#id[value=val]").attr("checked","");//取消选择  
$("#id[value=val]").attr("checked",false);//取消选择  
$("#id[value=val]").removeattr("checked");//取消选择 

7.取复选框值

$("input[type=checkbox][checked]").each(function(){  
alert($(this).val());  
})  
//如果用$("input[type=checkbox][checked]").val(),只会返回第一个被选中的值

8.判断单选或复选框是否被选中
 
if($("#id").attr("checked")){}//判断选中  
if($("#id").attr("checked")==true){}//判断选中  
if($("#id").attr("checked")==undefined){}//判断未选中 

9.元素可用不可用

$("#id").attr("disabled",false);//设为可用  
$("#id").attr("disabled",true);//设为不可用

10.判断元素可用不可用
 
if($("#id").attr("disabled")){}//判断不可用  
if($("#id").attr("disabled")==undefined){}//判断可用


文本框操作
取 值:var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
清除内容:$(”#txt”).attr(”value”,”);
填充内容:$(”#txt”).attr(”value”,'123′);

文本域操作
取 值:var textval = $("#text_id").attr("value");
var textval = $("#text_id").val();
清除内容:$(”#txt”).attr(”value”,”);
填充内容:$(”#txt”).attr(”value”,'123′);

单选按钮操作
取 值:var valradio = $("input[@type=radio][@checked]").val(); //只有一组Radio情况下
var valradio =$('input[@name=chart][@checked]').val(); //多组Radio情况下,根据name取一组的值

下拉框操作
取 值:var selectval = $('#sell').val();
设置选中:$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
添加新项:$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
清空下拉框:$("#select_id").empty();//清空下拉框

多选框操作
取 值:$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中

Javascript 相关文章推荐
JavaScript 页面坐标相关知识整理
Jan 09 Javascript
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
js 求时间差的实现代码
Apr 26 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
最丑的时钟效果!js canvas时钟制作方法
Aug 15 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
关于RxJS Subject的学习笔记
Dec 05 Javascript
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
layui监听工具栏的实例(操作列表按钮)
Sep 10 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 Javascript
浅谈实现在线预览PDF的几种解决办法
Aug 10 Javascript
JavaScript是否可实现多线程  深入理解JavaScript定时机制
Dec 22 #Javascript
JavaScript 图片预览效果 推荐
Dec 22 #Javascript
javascript 年月日联动实现核心代码
Dec 21 #Javascript
Javascript和Ajax中文乱码吐血版解决方案
Dec 21 #Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 #Javascript
jQuery 连续列表实现代码
Dec 21 #Javascript
jQuery解决iframe高度自适应代码
Dec 20 #Javascript
You might like
PHP 抓取新浪读书频道的小说并生成txt电子书的代码
2009/12/18 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
php实现往pdf中加数字签名操作示例【附源码下载】
2018/08/07 PHP
PHP copy函数使用案例代码解析
2020/09/01 PHP
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
javascript学习笔记(三)显示当时时间的代码
2011/04/08 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
node.js中的console.trace方法使用说明
2014/12/09 Javascript
javascript字符串函数汇总
2015/12/06 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
2017/05/03 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
Vuex实现数据增加和删除功能
2019/11/11 Javascript
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python装饰器用法示例小结
2018/02/11 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
把pandas转换int型为str型的方法
2019/01/29 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
CSS3制作缩略图的详细过程
2016/07/08 HTML / CSS
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
大专毕业生简历的自我评价
2013/10/20 职场文书
应用化学专业职业生涯规划书
2014/01/22 职场文书
空气的环保标语
2014/06/12 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
集结号观后感
2015/06/08 职场文书
宾馆客房管理制度
2015/08/06 职场文书