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 打开窗口返回值实现代码
Mar 04 Javascript
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
Jan 15 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
JavaScript通过join函数连接数组里所有元素的方法
Mar 20 Javascript
js实现倒计时及时间对象
Nov 15 Javascript
详解Webpack-dev-server的proxy用法
Sep 08 Javascript
js实现带搜索功能的下拉框
Jan 11 Javascript
微信小程序利用for循环解决内容变更问题
Mar 05 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
Dec 07 Vue.js
JavaScript实现跟随鼠标移动的盒子
Jan 28 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 syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
Zend的MVC机制使用分析(二)
2013/05/02 PHP
PHP时间和日期函数详解
2015/05/08 PHP
PHP导入导出Excel代码
2015/07/07 PHP
script标签属性type与language使用选择
2012/12/02 Javascript
js的2种继承方式详解
2014/03/04 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
2014/09/26 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
新手快速上手webpack4打包工具的使用详解
2019/01/28 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
在Python中使用cookielib和urllib2配合PyQuery抓取网页信息
2015/04/25 Python
Python通过future处理并发问题
2017/10/17 Python
Python中一些不为人知的基础技巧总结
2018/05/19 Python
python解决字符串倒序输出的问题
2018/06/25 Python
Python判断telnet通不通的实例
2019/01/26 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
Python基于execjs运行js过程解析
2020/11/27 Python
Python tkinter之Bind(绑定事件)的使用示例
2021/02/05 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
华为俄罗斯官方网上商城:购买Huawei手机和平板
2017/04/21 全球购物
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
俄罗斯名牌服装网上商店:UNIQUE FABRIC
2019/07/25 全球购物
C++是不是类型安全的
2014/02/18 面试题
光荣入党自我鉴定
2014/01/22 职场文书
自主招生自荐信指南
2014/02/04 职场文书
大学生暑期实践感言
2014/02/26 职场文书
坚定理想信念心得体会
2014/03/11 职场文书
常务副总经理任命书
2014/06/05 职场文书
员工团队活动方案
2014/08/28 职场文书
2015年司机工作总结
2015/04/23 职场文书
毕业设计致谢语
2015/05/14 职场文书