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 jQuery $.post $.ajax用法
Jul 09 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
JavaScript SetInterval与setTimeout使用方法详解
Nov 15 Javascript
javascript移出节点removeChild()使用介绍
Apr 03 Javascript
js获取元素相对窗口位置的实现代码
Sep 28 Javascript
jQuery实现流动虚线框的方法
Jan 29 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
客户端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多维数组去掉重复值示例分享
2014/03/02 PHP
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
Zend Framework自定义Helper类相关注意事项总结
2016/03/14 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
最全的Javascript编码规范(推荐)
2016/06/22 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
2017/06/13 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
2020/04/25 Javascript
js实现扫雷源代码
2020/11/27 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
python写的一个文本编辑器
2014/01/23 Python
python通过pil模块将raw图片转换成png图片的方法
2015/03/16 Python
Python对数据库操作
2016/03/28 Python
pandas按若干个列的组合条件筛选数据的方法
2018/04/11 Python
Django Web开发中django-debug-toolbar的配置以及使用
2018/05/06 Python
python字符串查找函数的用法详解
2019/07/08 Python
如何在django中添加日志功能
2020/02/06 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
马来西亚航空官方网站:Malaysia Airlines
2017/07/28 全球购物
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
一年级数学下册复习计划
2015/01/17 职场文书
python使用openpyxl库读写Excel表格的方法(增删改查操作)
2021/05/02 Python
使用Nginx+Tomcat实现负载均衡的全过程
2022/05/30 Servers