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 相关文章推荐
syntaxhighlighter 使用方法
Jul 02 Javascript
Node.js中创建和管理外部进程详解
Aug 16 Javascript
javascript数据类型验证方法
Dec 31 Javascript
js密码强度检测
Jan 07 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
深入理解JS继承和原型链的问题
Dec 17 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
javascript 中的try catch应用总结
Apr 01 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
angular 数据绑定之[]和{{}}的区别
Sep 25 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
javascrpt密码强度校验函数详解
Mar 18 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 has encountered an Access Violation
2007/01/15 PHP
比file_get_contents稳定的curl_get_contents分享
2012/01/11 PHP
PHP判断网络文件是否存在的方法
2015/03/12 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
javascript获取选中的文本的方法代码
2013/10/30 Javascript
浅析JQuery中的html(),text(),val()区别
2014/09/01 Javascript
JavaScript实现基于Cookie的存储类实例
2015/04/10 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
2015/08/10 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
Bootstrap每天必学之导航条(二)
2016/03/01 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
2017/09/06 NodeJs
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
2017/10/17 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
快速解决安装python没有scripts文件夹的问题
2018/04/03 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
Python字典添加,删除,查询等相关操作方法详解
2020/02/07 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
.NET常见笔试题集
2012/12/01 面试题
小学生红领巾广播稿
2014/01/21 职场文书
初中班主任评语大全
2014/04/24 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
社区志愿者培训方案
2014/06/10 职场文书
节能环保标语
2014/06/12 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
2015年财政所工作总结
2015/04/25 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
python异常中else的实例用法
2021/06/15 Python