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 相关文章推荐
IE iframe的onload方法分析小结
Jan 07 Javascript
jquery 页面滚动到指定DIV实现代码
Sep 25 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 Javascript
HTML,CSS,JavaScript速查表推荐
Dec 02 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
Vue的路由及路由钩子函数的实现
Jul 02 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
Openlayers学习之地图比例尺控件
Sep 28 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
牡丹941资料
2021/03/01 无线电
PHP计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
laravel 如何实现引入自己的函数或类库
2019/10/15 PHP
25个优雅的jQuery Tooltip插件推荐
2011/05/25 Javascript
jquery属性过滤选择器使用示例
2013/06/18 Javascript
JQuery触发事件例如click
2013/09/11 Javascript
jquery.ui.draggable中文文档(原文翻译)
2013/11/15 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
Python 检查数组元素是否存在类似PHP isset()方法
2014/10/14 Python
python3 实现的人人影视网站自动签到
2016/06/19 Python
基于asyncio 异步协程框架实现收集B站直播弹幕
2016/09/11 Python
详谈Python高阶函数与函数装饰器(推荐)
2017/09/30 Python
python通过微信发送邮件实现电脑关机
2018/06/20 Python
python3爬取数据至mysql的方法
2018/06/26 Python
Python实现的在特定目录下导入模块功能分析
2019/02/11 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
python中删除某个元素的方法解析
2019/11/05 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
Python趣味实例,实现一个简单的抽奖刮刮卡
2020/07/18 Python
python接口自动化之ConfigParser配置文件的使用详解
2020/08/03 Python
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
善意的谎言事例
2014/02/15 职场文书
现金出纳岗位职责
2014/03/15 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
宣传口号大全
2014/06/16 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
保送生自荐信
2015/03/06 职场文书
实习报告怎么写
2019/06/20 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书