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 相关文章推荐
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
jQuery实现的一个自定义Placeholder属性插件
Aug 11 Javascript
node.js中的http.request方法使用说明
Dec 14 Javascript
jquery表单验证需要做些什么
Nov 17 Javascript
JavaScript Math 对象常用方法总结
Apr 28 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
May 03 Javascript
Javascript点击按钮随机改变数字与其颜色
Sep 01 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
JS基于面向对象实现的多个倒计时器功能示例
Feb 28 Javascript
angular.JS实现网页禁用调试、复制和剪切
Mar 31 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 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编程网上资源导航
2006/10/09 PHP
PHP伪静态页面函数附使用方法
2008/06/20 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
php7新特性的理解和比较总结
2019/04/14 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
表单(FORM)的一些实用效果代码
2007/03/25 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
在HTML中插入JavaScript代码的示例
2015/06/03 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
BootStrap点击下拉菜单项后显示一个新的输入框实现代码
2016/05/16 Javascript
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
2019/05/24 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
2019/10/22 Javascript
详解vue v-model
2020/08/31 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
用Python输出一个杨辉三角的例子
2014/06/13 Python
使用Python开发windows GUI程序入门实例
2014/10/23 Python
python绘制双柱形图代码实例
2017/12/14 Python
python批量修改文件编码格式的方法
2018/05/31 Python
Python函数参数操作详解
2018/08/03 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
struct与class的区别
2014/02/03 面试题
2014年中班元旦活动方案
2014/02/14 职场文书
三字经教学反思
2014/04/26 职场文书
工作散漫检讨书
2014/09/16 职场文书
个人欠款协议书范本2014
2014/11/02 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
JS前端轻量fabric.js系列之画布初始化
2022/08/05 Javascript