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 27 Javascript
选择复选框按钮置灰否则按钮可用
May 22 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
不用一句js代码初始化组件
Jan 27 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
JS实现的四级密码强度检测功能示例
May 11 Javascript
Django与Vue语法的冲突问题完美解决方法
Dec 14 Javascript
Javascript Worker子线程代码实例
Feb 20 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
vue组件添加事件@click.native操作
Oct 30 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
PHP面向对象概念
2011/11/06 PHP
php文件下载处理方法分析
2015/04/22 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
PHP7新特性
2021/03/09 PHP
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
jQuery :first选择器使用介绍
2013/08/09 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
js实现固定区域内的不重叠随机圆
2019/10/24 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
python Django批量导入不重复数据
2016/03/25 Python
Python 实现随机数详解及实例代码
2017/04/15 Python
Python实现输出程序执行进度百分比的方法
2017/09/16 Python
Python基于SMTP协议实现发送邮件功能详解
2018/08/14 Python
python面试题小结附答案实例代码
2019/04/11 Python
关于Python作用域自学总结
2019/06/10 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
高职教师岗位职责
2013/12/24 职场文书
小学生获奖感言范文
2014/02/02 职场文书
三项教育活动实施方案
2014/03/30 职场文书
初中学生期末评语
2014/04/24 职场文书
承诺书范本大全
2015/05/04 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
Pytorch中Softmax和LogSoftmax的使用详解
2021/06/05 Python
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript