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实现隔行背景色变色
Nov 24 Javascript
浅谈document.write()输出样式
May 07 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
js利用递归与promise 按顺序请求数据的方法
Aug 30 Javascript
layui自己添加图片按钮并点击跳转页面的例子
Sep 14 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 Javascript
js实现简单贪吃蛇游戏
May 15 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
第五节--克隆
2006/11/16 PHP
安装APACHE
2007/01/15 PHP
PHP动态创建Web站点的方法
2011/08/14 PHP
C/S和B/S两种架构区别与优缺点分析
2014/10/23 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
JSQL 批量图片切换的实现代码
2010/05/05 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
2015/02/13 Javascript
js去除浏览器默认底图的方法
2015/06/08 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
利用JQuery直接调用asp.net后台的简单方法
2016/10/27 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
利用ES6实现单例模式及其应用详解
2017/12/09 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
nvm、nrm、npm 安装和使用详解(小结)
2019/01/17 Javascript
微信小程序 高德地图路线规划实现过程详解
2019/08/05 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
Vue文本模糊匹配功能如何实现
2020/07/30 Javascript
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
Python生成数字图片代码分享
2017/10/31 Python
Python贪心算法实例小结
2018/04/22 Python
python 为什么说eval要慎用
2019/03/26 Python
详解Python中的分支和循环结构
2020/02/11 Python
tensorflow使用L2 regularization正则化修正overfitting过拟合方式
2020/05/22 Python
莫斯科制造商的廉价皮大衣:Fursk
2020/06/09 全球购物
网友共享的几个面试题关于Java和Unix等方面的
2016/09/08 面试题
实习教师个人的自我评价
2013/11/08 职场文书
青年创业培训欢迎词
2014/01/08 职场文书
入党积极分子学习两会心得体会范文
2014/03/17 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
老人与海读书笔记
2015/06/26 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery