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 相关文章推荐
一页面多XMLHttpRequest对象
Jan 22 Javascript
Z-Blog中用到的js代码
Mar 15 Javascript
javascript appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
模仿百度三维地图的js数据分享
May 12 Javascript
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 Javascript
js正则表达式replace替换变量方法
May 21 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
bootstrap组件之按钮式下拉菜单小结
Jan 19 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
bootstrap datepicker插件默认英文修改为中文
Jul 28 Javascript
vue resource post请求时遇到的坑
Oct 19 Javascript
vue cli4下环境变量和模式示例详解
Apr 09 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数组
2006/10/09 PHP
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
PHP执行linux命令常用函数汇总
2016/02/02 PHP
PHP CURL使用详解
2019/03/21 PHP
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
jQuery实现自动滚动到页面顶端的方法
2015/05/22 Javascript
javascript函数命名的三种方式及区别介绍
2016/03/22 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
基于jquery实现二级联动效果
2017/03/30 jQuery
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
jquery 一键复制到剪切板的实例
2017/09/20 jQuery
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
jQuery实现的自定义轮播图功能详解
2018/12/28 jQuery
JavaScript中this用法学习笔记
2019/03/17 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
vue-cli4项目开启eslint保存时自动格式问题
2020/07/13 Javascript
python构建深度神经网络(续)
2018/03/10 Python
python类中super() 的使用解析
2019/12/19 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
自我评价范文分享
2014/01/04 职场文书
超市开学活动方案
2014/03/01 职场文书
代理人委托书
2014/08/01 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
学校安全管理制度
2015/08/06 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境
2021/03/29 PHP
python 安全地删除列表元素的方法
2022/03/16 Python