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教程:window.location使用方法的区别介绍
Oct 04 Javascript
javascript数组去重的方法汇总
Apr 14 Javascript
使用jQuery在对象中缓存选择器的简单方法
Jun 30 Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
优雅的使用javascript递归画一棵结构树示例代码
Sep 22 Javascript
Vue实现多标签选择器
Nov 28 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
js实现简易拖拽的示例
Oct 26 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简单提示框alert封装函数
2010/08/08 PHP
浅析PHP原理之变量分离/引用(Variables Separation)
2013/08/09 PHP
PHP错误和异长常处理总结
2014/03/06 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
PHP微信企业号开发之回调模式开启与用法示例
2017/11/25 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
jquery中的sortable排序之后的保存状态的解决方法
2010/01/28 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
封装好的一个万能检测表单的方法
2015/01/21 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
JavaScript 实现继承的几种方式
2021/02/19 Javascript
[00:52]DOTA2齐天大圣预告片
2016/08/13 DOTA
netbeans7安装python插件的方法图解
2013/12/24 Python
Python2.7基于笛卡尔积算法实现N个数组的排列组合运算示例
2017/11/23 Python
Python 判断 有向图 是否有环的实例讲解
2018/02/01 Python
Python实现模拟浏览器请求及会话保持操作示例
2018/07/30 Python
Tornado实现多进程/多线程的HTTP服务详解
2019/07/25 Python
Pytorch基本变量类型FloatTensor与Variable用法
2020/01/08 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
Python使用扩展库pywin32实现批量文档打印实例
2020/04/09 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
Pycharm Git 设置方法
2020/09/15 Python
python 实现的车牌识别项目
2021/01/25 Python
css3进阶之less实现星空动画的示例代码
2019/09/10 HTML / CSS
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
销售业务实习自我鉴定
2013/09/23 职场文书
村优秀党员事迹材料
2014/01/15 职场文书
员工试用期考核自我鉴定
2014/04/13 职场文书
门球健将观后感
2015/06/16 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
Oracle 数据仓库ETL技术之多表插入语句的示例详解
2021/04/12 Oracle
MySQL的存储过程和相关函数
2022/04/26 MySQL