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 相关文章推荐
js注意img图片的onerror事件的分析
Jan 01 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
javascript date格式化示例
Sep 25 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
vue2中的keep-alive使用总结及注意事项
Dec 21 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
JavaScript继承与聚合实例详解
Jan 22 Javascript
Bootstrap table 服务器端分页功能实现方法示例
Jun 01 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
PHP经典的给图片加水印程序
2006/12/06 PHP
php 多个submit提交表单 处理方法
2009/07/07 PHP
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
smarty内置函数section的用法
2015/01/22 PHP
PHP实现简单爬虫的方法
2015/07/29 PHP
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
javascript学习笔记(一)基础知识
2014/09/30 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
TypeScript 中接口详解
2015/06/19 Javascript
JS实现淡入淡出图片效果的方法分析
2016/12/20 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
vue-quill-editor实现图片上传功能
2017/08/08 Javascript
IDEA安装vue插件图文详解
2019/09/26 Javascript
python基础教程之常用运算符
2014/08/29 Python
Python中的生成器和yield详细介绍
2015/01/09 Python
解决DataFrame排序sort的问题
2018/06/07 Python
Python交互环境下实现输入代码
2018/06/22 Python
Python字典对象实现原理详解
2019/07/01 Python
python利用tkinter实现屏保
2019/07/30 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
Pycharm自带Git实现版本管理的方法步骤
2020/09/18 Python
Python类class参数self原理解析
2020/11/19 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
Perricone MD裴礼康美国官网:抗衰老护肤品
2016/09/26 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
学术会议主持词
2014/03/17 职场文书
高校教师岗位职责
2014/03/18 职场文书
经济管理自荐书
2014/06/09 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
教师求职信怎么写
2015/03/20 职场文书
公司处罚决定书
2015/06/24 职场文书
公司员工宿舍管理制度
2015/08/07 职场文书
7个你应该知道的JS原生错误类型
2021/04/29 Javascript
SpringCloud Function SpEL注入漏洞分析及环境搭建
2022/04/08 Java/Android