假设在一个表单中有一个按钮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){}//判断可用
分享到:
相关推荐
jquery常用的表单操作很全很详细.rtf
Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...
工作中常用的jQuery表单操作:$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 $("#checkbox_id").attr("checked",true);设置一个CheckBox的状态为选中
jquery常用操作,jquery一些常用的操作,很实用哦
包括最常用的表单操作,取值赋值清空,比较实用,比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。
简洁的语法和跨平台的兼容性,极大的简化了javascript开发人员遍历HTML文档、操作DOM、处理事伯、执行动画操作AJAX的操作。 屏蔽浏览器差异,对DOM的操作提供了方便的扩展,易用的事件处理API和动画API数据接口。
使用jQuery制作一个很有创意的表单验证程序 这是一个运用jQuery和PHP共同完成的一个特效,很有创意的表单验证,拖动一个图标到指定的位置实现验证,创意可能来自Iphone的滑动解锁。测试时请先安装好PHP环境,不需要...
jQuery formalize帮助你在用户的操作环境中有效的控制表单元素而不用明显的修改表单外观,这个工具可以作为webkit版本的表单元素,非常适合开发兼容性界面。
jquery验证form,表单,操作cookie 插件
代码简介:jquery表单验证特效,常用于网站的表单验证
本文实例总结了jQuery操作表单常用控件方法。分享给大家供大家参考。具体如下: 下面的JS代码列出了jQuery操作表单常用控件(包括select,radiobox,checkbox)的常用方法,相信一定有你需要的 操作radio的html代码 ...
主要为大家详细介绍了基于jquery实现智能表单验证操作的相关资料,利用jquery实现了对一个表单字段格式的即时检查,感兴趣的小伙伴们可以参考一下
可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望...
可能大家在日常的开发过程中常常会处理表单相关的 JavaScript,这里收集了一些超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望大家喜欢!
jQuery select表单提交省市区城市三级联动
个人总结的jQuery页面操作记录,包括jQuery的基本使用方法和对页面表单控件的各种操作。
从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery 中的Ajax 从零开始学习jQuery (七) jQuery 动画-让页面动起来! 从零开始学习...
jquery.form.js ,
5.jQuery对表单、表格的操作及更多应用 6.jQuery与Ajax的应用 7.jQuery插件的使用和写法 8.用jQuery打造个性网站 9.jQuery Mobile 10.jQuery各个版本的变化 11.jQuery性能优化和技巧 12.jQuery查询手册