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

更新时间：2013年11月20日 15:45:39 作者：

这篇文章主要介绍了jQuery对html元素取值与赋值的方法，有需要的朋友可以参考一下

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();
});

您可能感兴趣的文章:

layui导航栏实现代码
这篇文章主要为大家详细介绍了layui导航栏效果的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
jquery 上下滚动广告
jquery 上下滚动广告实现代码，大家可以自行测试，需要加载jquery类库
2009-06-06
jQuery给指定的table动态添加删除行的操作方法
今天在项目中，刚好用到给指定的table添加一行、删除一行。添加一行，支持在任意行添加一行且可配置的，删除一行支持动态删除一行。本文给大家介绍的非常详细，一起看看吧
2016-10-10
基于jquery实现百度新闻导航菜单滑动动画
这篇文章主要介绍了基于jquery实现百度新闻导航菜单滑动动画,感兴趣的小伙伴们可以参考一下
2016-03-03
jQuery技巧大放送学习jquery的朋友可以看下
jQuery技巧大放送学习jquery的朋友可以看下，非常不错的整理，推荐。
2009-10-10
jQuery设计思想
在深入了解jQuery的各个细节之前，需要对jQuery的设计思想有一个大致的了解。在遇到问题时，知道应该使用jQuery的哪一个功能，然后迅速从手册中找到具体的用法。本文将详细介绍jQuery的设计思想。下面跟着小编一起来看下吧
2017-03-03
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
这篇文章主要介绍了IDEA配置jQuery, $符号不再显示黄色波浪线的问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-10-10
jQuery基本筛选选择器实例代码
这篇文章主要为大家详细介绍了jQuery基本筛选选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
jQuery实现“扫码阅读”功能
这篇文章主要介绍了jQuery实现“扫码阅读”功能方法的相关资料,需要的朋友可以参考下
2015-01-01
基于jQuery的AJAX和JSON实现纯html数据模板
jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，从而实现纯html数据模板，下面主要给大家介绍实现代码，感兴趣的朋友一起看下吧
2016-08-08