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

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

时间: 2024-09-20 00:08:22

jQuery对html元素取值与赋值的方法_jquery的相关文章

jquery通过name属性取值的简单实现方法_jquery

jquery通过name属性取值的简单实现方法 alert($("input[name='inputTest']").val()); alert($("input[type='text']").attr("id")); //这个是取id的值,方便记就写在这儿了 $("input[name='inputTest']").each( function(){ alert($(this).val()); } ) alert($(&qu

jQuery对表单元素的取值和赋值操作代码_jquery

$("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[type=radio]:checked").va

jQuery获取页面元素绝对与相对位置的方法_jquery

本文实例讲述了jQuery获取页面元素绝对与相对位置的方法.分享给大家供大家参考.具体如下: 获取页面某一元素的绝对X,Y坐标,可以用offset()方法: var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left; var pleft = $("s

jquery获取css的color值返回RGB的方法_jquery

本文实例讲述了jquery获取css的color值返回RGB的方法.分享给大家供大家参考,具体如下: css代码如下: a, a:link, a:visited { color:#4188FB; } a:active, a:focus, a:hover { color:#FFCC00; } js代码如下: var link_col = $("a:link").css("color"); alert(link_col); // returns rgb(65, 136,

jQuery动态创建元素以及追加节点的实现方法_jquery

我们知道js中有三种动态创建元素的方法,jQuery中也可以动态的创建元素 例如: var str = $("<a href='http://www.jb51.net'></a>"); $("ul").append(str); //将动态创建的str元素追加到ul下面 追加节点 在js当中追加节点的方法是appendChild(节点元素)和insertBefor(节点元素,位置),在jQuery中是 append 追加在父元素的最后一个子节点

jquery下checked取值问题的解决方法_jquery

一怒之下,给checkbox加一个isCheck,,不用那该死的checked属性...一切OK了...代码如下: 复制代码 代码如下: <!DOCTYPE html > <html><head> <meta charset="UTF-8"> <title>修复checkbox的状态切换和动态取值的问题</title> <script type="text/javascript" src=

关于Jquery操作Cookie取值错误的解决方法_jquery

使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现cookie有四个不同的属性: 名称,内容,域,路径 复制代码 代码如下: $.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储 cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie $.cookie('the_co

jQuery对html元素的取值与赋值实例详解_jquery

本文实例讲述了jQuery对html元素的取值与赋值方法.分享给大家供大家参考,具体如下: Jquery给基本控件的取值.赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value&qu

jQuery 取值、赋值的基本方法整理

 这篇文章主要介绍了jQuery 取值.赋值的基本方法,需要的朋友可以参考下 /*获得TEXT.AREATEXT的值*/  var textval = $("#text_id").attr("value");  //或者  var textval = $("#text_id").val();  /*获取单选按钮的值*/  var valradio = $("input[@type=radio][@checked]").val(