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");

相关文章

  • jQuery代码优化 选择符篇

    jQuery代码优化 选择符篇

    毫无疑问,jQuery的独到之处就是它以集合为中心的操作。为了取得DOM对象集合,jQuery利用JavaScript不仅实现了(它诞生时)很多浏览器不支持的CSS选择符,还实现了不少独到的自定义选择符,为在文档中查找元素提供了极大的便利
    2011-11-11
  • jQuery复合事件结合toggle()方法的用法示例

    jQuery复合事件结合toggle()方法的用法示例

    这篇文章主要介绍了jQuery复合事件结合toggle()方法的用法,实例分析了toggle()方法的功能、定义以及与复合事件结合使用的操作技巧,需要的朋友可以参考下
    2017-06-06
  • jQuery select自动选中功能实现方法分析

    jQuery select自动选中功能实现方法分析

    这篇文章主要介绍了jQuery select自动选中功能,结合实例形式分析了jQuery实现select响应与级联菜单显示相关功能与操作技巧,需要的朋友可以参考下
    2016-11-11
  • 简单实用jquery版三级联动select示例

    简单实用jquery版三级联动select示例

    本文主要为大家介绍下通过jquery实现三级联动select这里用到的json文件,只是事例,根据情况添加或编写,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • jquery操作iframe实现父页面和子页面相互操作的九种情况

    jquery操作iframe实现父页面和子页面相互操作的九种情况

    现实开发中难免会遇到子页面、父页面相互操作的情况,本文主要介绍了jquery操作iframe实现父页面和子页面相互操作的九种情况,具有一定的参考价值,感兴趣的可以了解一下
    2024-02-02
  • jquery获取tr并更改tr内容示例代码

    jquery获取tr并更改tr内容示例代码

    这篇文章主要介绍了jquery获取tr并更改tr内容示例代码,需要的朋友可以参考下
    2014-02-02
  • jQuery包裹节点用法完整示例

    jQuery包裹节点用法完整示例

    这篇文章主要介绍了jQuery包裹节点用法,结合完整实例形式分析了jQuery中wrap方法包裹节点的使用技巧,注释中还包含了wrapAll与wrapInner方法的使用,需要的朋友可以参考下
    2016-09-09
  • webuploader模态框ueditor显示问题解决方法

    webuploader模态框ueditor显示问题解决方法

    这篇文章主要为大家详细介绍了webuploader模态框ueditor显示问题的解决,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 利用jQuery实现滑动开关按钮效果(附demo源码下载)

    利用jQuery实现滑动开关按钮效果(附demo源码下载)

    这篇文章主要介绍了利用jQuery实现滑动开关按钮效果,文中给出了详细的介绍,并在文末给出了完整的demo源码下载,有需要的朋友可以参考简介,下面来一起看看吧。
    2017-02-02
  • jQuery实现获取多选框的值示例

    jQuery实现获取多选框的值示例

    这篇文章主要介绍了jQuery实现获取多选框的值,结合实例形式分析了jQuery事件响应及页面元素属性获取相关操作技巧,需要的朋友可以参考下
    2020-02-02

最新评论