Jquery给基本控件的取值、赋值示例
更新时间:2014年05月23日 10:21:24 作者:
这篇文章主要介绍通过Jquery如何给基本控件的取值、赋值,需要的朋友可以参考下
TEXTBOX:
var str =$("#txt").val();
$("#txt").val(Value);
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
LABLE:
var str =$("#lbl").text();
$("#lbl").text(Value);
/*获取单选按钮的值*/
var valradio =$("input[@type=radio][@checked]").val();
/*获取一组名为(items)的radio被选中项的值*/
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的项目为当前选中项
$("testtest2").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();
});
以下是设置img的路径
$("#img1").attr("src","Imges/test.jpg");
var str =$("#txt").val();
$("#txt").val(Value);
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
LABLE:
var str =$("#lbl").text();
$("#lbl").text(Value);
/*获取单选按钮的值*/
var valradio =$("input[@type=radio][@checked]").val();
/*获取一组名为(items)的radio被选中项的值*/
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的项目为当前选中项
$("testtest2").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();
});
以下是设置img的路径
$("#img1").attr("src","Imges/test.jpg");
相关文章
自己动手实现jQuery Callbacks完整功能代码详解
最近大量的用到jQuery Callbacks 对象,jQuery库中的$.ajax()和$.Deferred() 对象也是基于这个对象实现,下面我们也模拟实现jQuery Callbacks 对象的部分功能2013-11-11
jQuery解析XML与传统JavaScript方法的差别实例分析
这篇文章主要介绍了jQuery解析XML与传统JavaScript方法的差别,实例分析了jQuery与javascript解析XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
jquery中的$(document).ready()与window.onload的区别
浏览器执行window.onload函数不仅仅是在构建完DOM树之后, 也是在所有图像和其他外部资源完整的加载并且在浏览器窗口显示完毕之后.2009-11-11


最新评论