Jquery给基本控件的取值、赋值示例


Posted in Javascript onMay 23, 2014

TEXTBOX:

var str =$("#txt").val();

$("#txt").val(Value);

//文本框,文本区域:

$("#text_id").attr("value",'');//清空内容

$("#text_id").attr("value",'test');//填充内容

LABLE:

var str =$("#lbl").text();

$("#lbl").text(Value);

/*获取单选按钮的值*/

var valradio =$("input[@type=radio][@checked]").val();

/*获取一组名为(items)的radio被选中项的值*/

var item =$('input[@name=items][@checked]').val();

/* 获取复选框的值*/

var checkboxval =$("#checkbox_id").attr("value");

/* 获取下拉列表的值*/

var selectval =$('#select_id').val();

//多选框checkbox:

$("#chk_id").attr("checked",'');//使其未勾选

$("#chk_id").attr("checked",true);//勾选

if($("#chk_id").attr('checked')==true)//判断是否已经选中

单选组radio:

$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

//下拉框select:

$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项

$("testtest2").appendTo("#select_id")//添加下拉框的 option

$("#select_id").empty();//清空下拉框

获取一组名为 (items)的radio被选中项的值

var item =$('input[@name=items][@checked]').val();//若未被选中 则val() = undefined

获 取select被选中项的文本

var item =$("select[@name=items] option[@selected]").text();

select下拉框的第二个元素为当前选中值

$('#select_id')[0].selectedIndex= 1;

radio单选组的第二个元素为当前选中值

$('input[@name=items]').get(1).checked= true;

//重置表单

$("form").each(function(){

.reset();

});

以下是设置img的路径

$("#img1").attr("src","Imges/test.jpg");

Javascript 相关文章推荐
firefox和IE系列的相关区别整理 以备后用
Dec 28 Javascript
javascript window.opener的用法分析
Apr 07 Javascript
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
Jun 30 Javascript
使用JavaScript 编写简单计算器
Nov 24 Javascript
JavaScript各类型的关系图解
Oct 16 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
JS随机排序数组实现方法分析
Oct 11 Javascript
微信小程序实现图片放大预览功能
Oct 22 Javascript
如何用JavaScript学习算法复杂度
Apr 30 Javascript
js动态修改整个页面样式达到换肤效果
May 23 #Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 #Javascript
javascript为下拉列表动态添加数据项
May 23 #Javascript
js检测网络是否具体连接功能的代码
May 23 #Javascript
JS实现距离上次刷新已过多少秒示例
May 23 #Javascript
jquery动态添加元素事件失效问题解决方法
May 23 #Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 #Javascript
You might like
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
PHP自定义大小验证码的方法详解
2013/06/07 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
php项目中百度 UEditor 简单安装调试和调用
2015/07/15 PHP
php外部执行命令函数用法小结
2016/10/11 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
onmouseover和onmouseout的一些问题思考
2013/08/14 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
JavaScript数据类型和变量_动力节点Java学院整理
2017/06/26 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
vue实现倒计时获取验证码效果
2020/04/17 Javascript
python 简易计算器程序,代码就几行
2009/08/29 Python
python抓取网页内容示例分享
2014/02/24 Python
Python实现提取文章摘要的方法
2015/04/21 Python
Python实现批量下载文件
2015/05/17 Python
python实现图片文件批量重命名
2020/03/23 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
关于numpy.where()函数 返回值的解释
2019/12/06 Python
Css3+Js制作漂亮时钟(附源码)
2013/04/24 HTML / CSS
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
完美解决IE8下不兼容rgba()的问题
2017/03/31 HTML / CSS
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
室内设计自我鉴定
2013/10/15 职场文书
公司合作协议书范本
2014/04/18 职场文书
博士论文答辩开场白
2015/06/01 职场文书
预备党员党支部意见
2015/06/02 职场文书
公司出差管理制度范本
2015/08/05 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js
apache虚拟主机配置的三种方式(小结)
2022/07/23 Servers