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连接多个数组不用concat来解决
Mar 24 Javascript
Javascript中的异步编程规范Promises/A详细介绍
Jun 06 Javascript
jQuery异步加载数据并添加事件示例
Aug 24 Javascript
JavaScript运算符小结
Jun 03 Javascript
jQuery的文档处理程序详解
May 10 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
Angular6中使用Swiper的方法示例
Jul 09 Javascript
vue解决花括号数据绑定不成功的问题
Oct 30 Javascript
vue+Element-ui实现分页效果
Nov 15 Javascript
JavaScript实现栈结构详细过程
Dec 06 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+MYSQL 出现乱码的解决方法
2008/08/08 PHP
PHP 模拟$_PUT实现代码
2010/03/15 PHP
php多文件上传下载示例分享
2014/02/20 PHP
Linux基于php-fpm模式的lamp搭建phpmyadmin的方法
2018/10/25 PHP
PHP设计模式之抽象工厂模式实例分析
2019/03/25 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
JavaScript中闭包之浅析解读(必看篇)
2016/08/25 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
javascript中的隐式调用
2018/02/10 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
解决vue2 在mounted函数无法获取prop中的变量问题
2018/11/15 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
JavaScript的查询机制LHS和RHS解析
2019/08/16 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[02:43]DOTA2英雄基础教程 圣堂刺客
2013/12/09 DOTA
win10系统中安装scrapy-1.1
2016/07/03 Python
python编程之requests在网络请求中添加cookies参数方法详解
2017/10/25 Python
树莓派使用python-librtmp实现rtmp推流h264的方法
2019/07/22 Python
Python2和3字符编码的区别知识点整理
2019/08/08 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
html5本地存储_动力节点Java学院整理
2017/07/12 HTML / CSS
阿波罗盒子:Apollo Box
2017/08/14 全球购物
俄罗斯有趣和原创礼物网上商店:MagicMag
2019/08/01 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
澳大利亚排名第一的露营和户外设备在线零售商:Outbax
2020/05/06 全球购物
专科毕业生就业推荐信
2013/11/01 职场文书
运动会跳远加油稿
2014/02/20 职场文书
小学生开学第一课活动方案
2014/03/27 职场文书
《赠汪伦》教学反思
2014/04/12 职场文书
我爱我家教学反思
2014/05/01 职场文书
2016猴年春节问候语
2015/11/11 职场文书
干货分享:推荐信写作技巧!
2019/06/21 职场文书
python实现简易自习室座位预约系统
2021/06/30 Python