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下关于onmouseout、事件冒泡的问题经验小结
Dec 09 Javascript
angularjs基础教程
Dec 25 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
详解Jquery实现ready和bind事件
Apr 14 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
Jquery获取radio选中的值
May 05 jQuery
JS请求servlet功能示例
Jun 01 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
Javascript confirm多种使用方法解析
Sep 25 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
分享一个PHP数据流应用的简单例子
2012/06/01 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
浅谈PHP链表数据结构(单链表)
2016/06/08 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
一个很简单的办法实现TD的加亮效果.
2006/06/29 Javascript
FLASH 广告之外的链接
2008/12/16 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
基于jQuery实现网页打印功能
2015/12/01 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
jQuery获取checkbox选中的值
2016/01/28 Javascript
实例讲解jQuery中对事件的命名空间的运用
2016/05/24 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
2017/10/26 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
Python脚本获取操作系统版本信息
2016/12/17 Python
关于python的list相关知识(推荐)
2017/08/30 Python
Django进阶之CSRF的解决
2018/08/01 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
在CentOS7下安装Python3教程解析
2020/07/09 Python
Python存储读取HDF5文件代码解析
2020/11/25 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
Ivory Isle Designs美国/加拿大:婚礼和活动文具公司
2018/08/21 全球购物
英国在线滑雪板和冲浪商店:The Board Basement
2020/01/11 全球购物
应征英语教师求职信
2013/11/27 职场文书
会计员岗位职责
2014/03/15 职场文书
取保候审保证书
2014/04/30 职场文书
幼儿园教师师德师风演讲稿:我自豪我是一名幼师
2014/09/10 职场文书
党的群众路线个人对照检查材料
2014/09/23 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
奠基仪式致辞
2015/07/30 职场文书