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 mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 Javascript
jQuery插件支持同一页面被多次调用
Feb 14 Javascript
JavaScript学习笔记整理_关于表达式和语句
Sep 19 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
Dec 20 Javascript
js Canvas绘制圆形时钟教程
Feb 06 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
如何基于javascript实现贪吃蛇游戏
Feb 09 Javascript
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
Vue实现一种简单的无限循环滚动动画的示例
Jan 10 Vue.js
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实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
PHP7内核之Reference详解
2019/03/14 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
2019/10/23 PHP
详解php反序列化
2020/06/10 PHP
jquery ajax 登录验证实现代码
2009/09/23 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
jQuery 阴影插件代码分享
2012/01/09 Javascript
修改jQuery Validation里默认的验证方法
2012/02/14 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
浅谈Cookie的生命周期问题
2016/08/02 Javascript
js原生跨域_用script标签的简单实现
2016/09/24 Javascript
如何实现json数据可视化详解
2016/11/24 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
create-react-app安装出错问题解决方法
2018/09/04 Javascript
详解滑动穿透(锁body)终极探索
2019/04/16 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
[49:17]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第三场 1月26日
2021/03/11 DOTA
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
用Python写一个无界面的2048小游戏
2016/05/24 Python
python中正则的使用指南
2016/12/04 Python
python使用Matplotlib画条形图
2020/03/25 Python
Python读取Pickle文件信息并计算与当前时间间隔的方法分析
2019/01/30 Python
Python实现某论坛自动签到功能
2019/08/20 Python
python递归下载文件夹下所有文件
2019/08/31 Python
YSL圣罗兰美妆官方旗舰店:购买YSL口红
2018/04/16 全球购物
总经理岗位职责
2013/11/09 职场文书
自荐信怎么写好
2013/11/11 职场文书
化学学院毕业生自荐信范文
2013/12/17 职场文书
便利店的创业计划书
2014/01/15 职场文书
教职工代表大会主持词
2014/04/01 职场文书
家长通知书家长评语
2014/04/17 职场文书
部门优秀员工推荐信
2015/03/24 职场文书