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 相关文章推荐
JS控制表格隔行变色
Jun 26 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 Javascript
很好用的js日历算法详细代码
Mar 07 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 Javascript
用Javascript获取页面元素的具体位置
Dec 09 Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 Javascript
js实现根据身份证号自动生成出生日期
Dec 15 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
vue使用watch监听属性变化
Apr 30 Vue.js
客户端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
PHP中的Memcache详解
2014/04/05 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
Laravel ORM 数据model操作教程
2019/10/21 PHP
Javascript !!的作用
2008/12/04 Javascript
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
2013/05/08 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
JS实现图片垂直居中显示小结
2016/12/13 Javascript
谈谈jQuery之Deferred源码剖析
2016/12/19 Javascript
NodeJs的fs读写删除移动监听
2017/04/28 NodeJs
jQuery实现的简单无刷新评论功能示例
2017/11/08 jQuery
Vue CLI3 如何支持less的方法示例
2018/08/29 Javascript
Vue框架里使用Swiper的方法示例
2018/09/20 Javascript
js中null与空字符串&quot;&quot;的区别讲解
2019/01/17 Javascript
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
python构建深度神经网络(续)
2018/03/10 Python
python使用turtle绘制分形树
2018/06/22 Python
根据DataFrame某一列的值来选择具体的某一行方法
2018/07/03 Python
性能服装:HYLETE
2018/08/14 全球购物
NET程序员上机面试题
2015/05/23 面试题
仪器仪表检测毕业生自荐信
2013/10/31 职场文书
办公室主任职责范本
2014/03/07 职场文书
绩效考核实施方案
2014/03/18 职场文书
政治思想表现评语
2014/05/04 职场文书
医院深入开展党的群众路线教育实践活动实施方案
2014/08/27 职场文书
2014年涉外离婚协议书范本
2014/11/20 职场文书
放弃遗产继承公证书
2015/01/26 职场文书
pytorch 中autograd.grad()函数的用法说明
2021/05/12 Python