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 相关文章推荐
Z-Blog中用到的js代码
Mar 15 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
JS日期格式化之javascript Date format
Oct 01 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
基于jQuery的select下拉框选择触发事件实例分析
Nov 18 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
javascript实现随机抽奖功能
Dec 30 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
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+ajax+json 详解及实例代码
2016/12/12 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
thinkPHP框架通过Redis实现增删改查操作的方法详解
2019/05/13 PHP
javascript form 验证函数 弹出对话框形式
2009/06/23 Javascript
JQuery select标签操作代码段
2010/05/16 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
浅析Node.js 中 Stream API 的使用
2015/10/23 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
2016/11/29 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
改变layer confirm弹窗按钮的颜色方法
2019/09/12 Javascript
ES6中Set和Map用法实例详解
2020/03/02 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
Python编写屏幕截图程序方法
2015/02/18 Python
python生成excel的实例代码
2017/11/08 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
python DataFrame获取行数、列数、索引及第几行第几列的值方法
2018/04/08 Python
python写入已存在的excel数据实例
2018/05/03 Python
python3使用pandas获取股票数据的方法
2018/12/22 Python
Python语法之精妙的十个知识点(装B语法)
2020/01/18 Python
python使用pandas抽样训练数据中某个类别实例
2020/02/28 Python
CSS3制作酷炫的条纹背景
2017/11/09 HTML / CSS
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
简洁自适应404页面HTML好看的404源码
2020/12/16 HTML / CSS
美国女性服饰销售网站:Nasty Gal(坏女孩)
2016/07/26 全球购物
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
Linux的文件类型
2016/07/05 面试题
创业计划书之珠宝饰品
2019/08/26 职场文书
Python如何使用循环结构和分支结构
2022/04/13 Python