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 22 Javascript
JS 加入收藏夹的代码(主流浏览器通用)
May 13 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
利用JS生成博文目录及CSS定制博客
Feb 10 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
学习LayUI时自研的表单参数校验框架案例分析
Jul 29 Javascript
Vue中实现回车键切换焦点的方法
Feb 19 Javascript
简单了解JS打开url的方法
Feb 21 Javascript
Vue实现省市区三级联动
Dec 27 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
codeigniter集成ucenter1.6双向通信的解决办法
2014/06/12 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
PHP实现将视频转成MP4并获取视频预览图的方法
2015/03/12 PHP
隐性调用php程序的方法
2015/06/13 PHP
PHP内核学习教程之php opcode内核实现
2016/01/27 PHP
PHP基于SPL实现的迭代器模式示例
2018/04/22 PHP
JS处理VBArray的函数使用说明
2008/05/11 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
2010/09/28 Javascript
js保留两位小数使用toFixed实现
2013/07/29 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
JS实现关闭当前页而不弹出提示框的方法
2016/06/22 Javascript
原生JS和jQuery操作DOM对比总结
2017/01/19 Javascript
利用JS做网页特效_大图轮播(实例讲解)
2017/08/09 Javascript
webpack4 处理CSS的方法示例
2018/09/03 Javascript
详解react native页面间传递数据的几种方式
2018/11/07 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
解决vue scoped scss 无效的问题
2020/09/04 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
[01:23]2019完美世界全国高校联赛(春季赛)合肥全国总决赛
2019/06/10 DOTA
python抓取文件夹的所有文件
2018/02/27 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
浅析python的Lambda表达式
2019/02/27 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
戴尔美国官网:Dell
2016/08/31 全球购物
技校教师求职简历的自我评价
2013/10/20 职场文书
高效课堂标语
2014/06/26 职场文书
五心教育心得体会
2014/09/04 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
告诉你创业计划书的8个实用技巧
2019/07/12 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python
pandas:get_dummies()与pd.factorize()的用法及区别说明
2021/05/21 Python
java泛型通配符详解
2021/07/25 Java/Android
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
Win11远程连接不上怎么办?Win11远程桌面用不了的解决方法
2022/08/05 数码科技