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 相关文章推荐
javascript实现跳转菜单的具体方法
Jul 05 Javascript
javascript删除数组元素并且数组长度减小的简单实例
Feb 14 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
javascript+css3 实现动态按钮菜单特效
Feb 06 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 Javascript
Ionic+AngularJS实现登录和注册带验证功能
Feb 09 Javascript
bootstrap的工具提示实例代码
May 17 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 Javascript
vue.js 添加 fastclick的支持方法
Aug 28 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 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中cookie的作用域
2008/03/27 PHP
关于php 接口问题(php接口主要也就是运用curl,curl函数)
2013/07/01 PHP
php使用PDO从数据库表中读取数据的实现方法(必看)
2017/06/02 PHP
javascript 打印内容方法小结
2009/11/04 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
2020/09/12 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
用js一次改变多个input的readonly属性值的方法
2014/06/11 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
js文字横向滚动特效
2015/11/11 Javascript
每天一篇javascript学习小结(面向对象编程)
2015/11/20 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
JavaScript 闭包详细介绍
2016/09/28 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
基于vue和websocket的多人在线聊天室
2020/02/01 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
2020/08/10 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
Python Django框架模板渲染功能示例
2019/11/08 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
2020/02/13 Python
澳洲的服装老品牌:SABA
2018/02/06 全球购物
sleep()方法和wait()方法的区别是什么
2012/11/17 面试题
护理学专业推荐信
2013/12/03 职场文书
体育课课后反思
2014/04/24 职场文书
《悯农》教学反思
2014/04/28 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
民主评议党员自我评议范文2014
2014/09/26 职场文书
公司离职证明标准样本
2014/10/05 职场文书
python 通过使用Yolact训练数据集
2021/04/06 Python
vue route新窗口跳转页面并且携带与接收参数
2022/04/10 Vue.js
Python实现双向链表
2022/05/25 Python
Linux磁盘管理方法介绍
2022/06/01 Servers