jQuery对html元素取值与赋值的方法


Posted in Javascript onNovember 20, 2013

Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容

TEXTBOX:

var str = $('#txt').val();
$('#txt').val("Set Lbl Value"); 
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容

LABLE:

var str = $('#lbl').text();
$('#lbl').text("Set Lbl Value");
   var valradio = $("input[@type=radio][@checked]").val();
   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的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").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();
});
Javascript 相关文章推荐
JavaScript 闭包在封装函数时的简单分析
Nov 28 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
JSON与String互转的实现方法(Javascript)
Sep 27 Javascript
基于iScroll实现下拉刷新和上滑加载效果
Jul 18 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
js实现鼠标点击飘爱心效果
Aug 19 Javascript
js实现拖拽与碰撞检测
Sep 18 Javascript
分享8个JavaScript库可更好地处理本地存储
Oct 12 Javascript
客户端js判断文件类型和文件大小即限制上传大小
Nov 20 #Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 #Javascript
使用js简单实现了tree树菜单
Nov 20 #Javascript
js 用CreateElement动态创建标签示例
Nov 20 #Javascript
JS实现字体选色板实例代码
Nov 20 #Javascript
jquery实现树形二级菜单实例代码
Nov 20 #Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 #Javascript
You might like
一个用于网络的工具函数库
2006/10/09 PHP
php addslashes 函数详细分析说明
2009/06/23 PHP
php flv视频时间获取函数
2010/06/29 PHP
php自动加载方式集合
2016/04/04 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
解决PHP curl或file_get_contents下载图片损坏或无法打开的问题
2019/10/11 PHP
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
2017/08/17 Javascript
elementui的默认样式修改方法
2018/02/23 Javascript
vue实现微信分享功能
2018/11/28 Javascript
ES6的异步终极解决方案分享
2019/07/11 Javascript
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
js实现查询商品案例
2020/07/22 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
简单上手Python中装饰器的使用
2015/07/12 Python
python实现多线程的两种方式
2016/05/22 Python
Django与JS交互的示例代码
2017/08/23 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
python实现kNN算法识别手写体数字的示例代码
2019/08/16 Python
详解Python可视化神器Yellowbrick使用
2019/11/11 Python
基于python实现雪花算法过程详解
2019/11/16 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
python读取mysql数据绘制条形图
2020/03/25 Python
Python爬虫新手入门之初学lxml库
2020/12/20 Python
String是最基本的数据类型吗?
2013/06/13 面试题
电子商务应届生求职信
2013/11/16 职场文书
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
总经理助理职责
2014/02/04 职场文书
高校教师岗位职责
2014/03/18 职场文书
工作推荐信范文
2014/05/10 职场文书
入党推优材料
2014/06/02 职场文书
义卖募捐活动总结
2015/05/09 职场文书