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 相关文章推荐
Javascript 二维数组
Nov 26 Javascript
javascript 不间断的图片滚动并可点击
Jan 15 Javascript
button没写type=button会导致点击时提交
Mar 06 Javascript
jquery检测input checked 控件是否被选中的方法
Mar 26 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
Aug 22 Javascript
JQuery菜单效果的两个实例讲解(3)
Sep 17 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
Node.js中的require.resolve方法使用简介
Apr 23 Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
小程序实现上下切换位置
Nov 16 Javascript
jQuery实现动态向上滚动
Dec 21 jQuery
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实现Javascript中的escape及unescape函数代码分享
2015/02/10 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
初识PHP中的Swoole
2016/04/05 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
在js中使用&quot;with&quot;语句中跨frame的变量引用问题
2007/03/08 Javascript
XML的代替者----JSON
2007/07/21 Javascript
CCPry JS类库 代码
2009/10/30 Javascript
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
js function定义函数使用心得
2010/04/15 Javascript
js判断手机号运营商的方法
2015/10/23 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
2016/02/26 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
node.js express中app.param的用法详解
2017/07/16 Javascript
js实现图片轮播效果学习笔记
2017/07/26 Javascript
jQuery实现页码跳转式动态数据分页
2017/12/31 jQuery
js Element Traversal规范中的元素遍历方法
2018/04/19 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
JS集合set类的实现与使用方法示例
2019/02/01 Javascript
js实现简单掷骰子效果
2019/10/24 Javascript
Vue中函数防抖节流的理解及应用实现
2020/04/24 Javascript
Python中的赋值、浅拷贝、深拷贝介绍
2015/03/09 Python
python与php实现分割文件代码
2017/03/06 Python
python:pandas合并csv文件的方法(图书数据集成)
2018/04/12 Python
python实现录音小程序
2020/10/26 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
python实现人机五子棋
2020/03/25 Python
使用python实现学生信息管理系统
2021/02/25 Python
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
医科学校毕业生自荐信
2013/11/09 职场文书
应届大学生的推荐信
2013/11/20 职场文书
大学学生会竞选演讲稿
2014/04/25 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
2015元旦感言
2015/12/09 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
oracle重置序列从0开始递增1
2022/02/28 Oracle
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS