网络编程
位置:首页>> 网络编程>> JavaScript>> jquery常用的表单操作很全很详细

jquery常用的表单操作很全很详细

  发布时间:2011-09-01 19:21:11 

标签:jquery,表单,操作

先给一个例子:
假设在一个表单中有一个按钮id="save"
$(document).ready(function(){
     $("#save").click(function(){
        $("#save").attr("disabled",true);//设为不可用                        
        $("#form1")[0].submit();//如果你有很多个id为form1的表单也没关系,只有第一个会提交的哈哈.
     });
});


取下拉菜单选中项的文本;
获取和设置下拉菜单的值;
清空下拉菜单;
给下列菜单添加元素;
取单选框值;
单选或复选按钮的选择;
取复选框值;
判断单选或复选框是否被选中;
元素可用不可用;
判断元素可用不可用。

1.取下拉菜单选中项的文本

view plaincopy to clipboardprint?
$("#select option[selected]").text();//select和option之间有空格,option为select的子元素  
$("#select option:selected").text();//如果写成$("#select").text();会把所有下拉菜单的文本选择出来  


2.获取和设置下拉菜单的值

view plaincopy to clipboardprint?
$("#select").val();//取值  
$("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做任何变动  


3.清空下拉菜单

view plaincopy to clipboardprint?
$("#select").empty();  
$("#select").html("");  


4.给下列菜单添加元素

view plaincopy to clipboardprint?
$('1').appendTo($("#select"));  
$("#select").append('1');  


5.取单选框值

view plaincopy to clipboardprint?
$("#id[checked]").val();  


6.单选或复选按钮的选择

view plaincopy to clipboardprint?
$("#id[value=val]").attr("checked",true);//选择  
$("#id[value=val]").attr("checked","");//取消选择  
$("#id[value=val]").attr("checked",false);//取消选择  
$("#id[value=val]").removeAttr("checked");//取消选择  


7.取复选框值

view plaincopy to clipboardprint?
$("input[type=checkbox][checked]").each(function(){  
alert($(this).val());  
})  
//如果用$("input[type=checkbox][checked]").val(),只会返回第一个被选中的值  


8.判断单选或复选框是否被选中

view plaincopy to clipboardprint?
if($("#id").attr("checked")){}//判断选中  
if($("#id").attr("checked")==true){}//判断选中  
if($("#id").attr("checked")==undefined){}//判断未选中  


9.元素可用不可用

view plaincopy to clipboardprint?
$("#id").attr("disabled",false);//设为可用  
$("#id").attr("disabled",true);//设为不可用  


10.判断元素可用不可用

view plaincopy to clipboardprint?
if($("#id").attr("disabled")){}//判断不可用  
if($("#id").attr("disabled")==undefined){}//判断可用

11。判断是否为空
var temp = $.trim($('input[name="newtype"]').val());
if(temp.length == 0){
//alert('newtype 不能为空');
}

0
投稿

猜你喜欢

  • 刚刚有人问我二年前写的那个小三角的效果还能作出什么样的效果,我正在看电视,画面上出现了这样一个小灯笼,于是,我就说,可以作个小灯笼玩玩。于是
  • 最近尝试了mysql的最新版本5.5.581.最新发布的mysql 5.5.8没有适合solaris 9的版本;这个在安装时需要注意2.它发
  • 本文只讨论Oracle中最常见的索引,即是B-tree索引。本文中涉及的数据库版本是Oracle8i。 一. 查看系统表中的用户索引 在Or
  • asp生成wbmp代码如下: <%@ Language=VBScript %><%Funct
  • 刚开始时,这个表的字段很少(10个以内),前开发者把这个表的所有存储过程与触发器以及表函数全是写死了。用户每添加一些字段,都需要手动去更改这
  • 内容摘要:本文介绍了使用SQL语句修改数据记录的两种方法,一是使用rs.update,二是使用conn.Execute(sql),相信对初学
  • 腾讯“月捐计划”倡导爱心人士,通过每月小额捐款的形式,长期关注和支持公益项目。并和亿万爱心网友一起,每人每月1份爱,点滴付出,汇成爱海,形成
  • 突然有个想法,不知道是不是首创:用"表情符号"做植入广告. 目前的表情符号 "黄色小圆脸"系列可以说
  • 要防止同一用户同时登陆,首页应该记录在线用户的信息(这里与用户名为例),然后判断正在登陆的用户里面是否已存在。在这里使用一个cache存放已
  • 选择最实用来谈一下首先,你要慎重选择你就业的城市。这点是目前多数人都忽略的重要因素。无论你的设计思路和发展方向都要依托你所在城市来作为载体。
  • HTML5之中一个很酷的新特性就是WebSockets,它可以让我们无需AJAX请求即可与服务器端对话。今天彬Go将让大家通过Php环境的服
  • 在一般的MIS应用中,会有大量的报表,此时我们可以在后台数据库编写相应的视图或存储过程,用ASP通过ADO调用以完成报表工作。下面用一个例子
  • 这段时间我一直在说设计需要有层次感,这种层次感可能有很多类型,比如色彩的层次感,或是元素的层次感。当一个设计缺乏层次感的时候页面所表现出来的
  • 大家是否还记得1983年任天堂的著名游戏《超级玛丽》里那个留着胡子的意大利水管工人,还有日本konami公司1987年发行的射击游戏《魂斗罗
  • 本篇文档旨在介绍如何安装配置基于2台服务器的MySQL集群。并且实现任意一台服务器出现问题或宕机时MySQL依然能够继续运行。注意!虽然这是
  • JavaScript 循环中,i++ 与 i– 那个比较快?相信有不少朋友看过相关的讨论文章,比如这篇。文章解释了开启优化选项后,i– 的
  • 问题描述:使用 SQL 2005 w/ SP2 的汇出汇入精灵将数据从 Access 汇入到 SQL2005 发生了错误,但使用在SQL 2
  • 什么是 JScript?JScript 是由微软开发的活动脚本语言,基于 ECMAScript 规范实现。Internet Explorer
  • 现在的互联网上已经有很多能帮助设计师们的各种在线生成器,比如:图标(icon)生成器、背景生成器、按钮生成器和标志生成器等。Balkhis曾
  • 建立一个数据库表维护规范在一个定期基础而非等到问题出现才实施数据库表的检查是一个好主意。应该考虑到建立一个预防性维护的时间表,以协助自动问题
手机版 网络编程 asp之家 www.aspxhome.com