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 相关文章推荐
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 Javascript
文件上传插件SWFUpload的使用指南
Nov 29 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
如何使用vuejs实现更好的Form validation?
Apr 07 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
vue页面切换到滚动页面显示顶部的实例
Mar 13 Javascript
webpack+react+antd脚手架优化的方法
Apr 02 Javascript
Vue-CLI与Vuex使用方法实例分析
Jan 06 Javascript
Vue CLI中模式与环境变量的深入详解
May 30 Vue.js
AJAX实现指定部分页面刷新效果
Oct 16 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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/10/09 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
php中删除、清空session的方式总结
2015/10/09 PHP
PHP单例模式定义与使用实例详解
2017/02/06 PHP
php strftime函数的详细用法
2018/06/21 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
JS 判断代码全收集
2009/04/28 Javascript
javascript对下拉列表框(select)的操作实例讲解
2013/11/29 Javascript
JavaScript DOM节点添加示例
2014/07/16 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
Nodejs的express使用教程
2015/11/23 NodeJs
js实现仿微博滚动显示信息的效果
2015/12/21 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
Vue的Options用法说明
2020/08/14 Javascript
在nodejs中创建child process的方法
2021/01/26 NodeJs
python中将zip压缩包转为gz.tar的方法
2018/10/18 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
医学生求职自荐信
2013/10/25 职场文书
校运会入场式解说词
2014/02/10 职场文书
店面销售职位的职责
2014/03/09 职场文书
读书小明星事迹材料
2014/05/03 职场文书
关于教师节的演讲稿
2014/09/04 职场文书
2015年读书月活动总结
2015/03/26 职场文书
公司借条范本
2015/05/25 职场文书
运输公司工作总结
2015/08/11 职场文书