• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > Jquery给基本控件的取值、赋值示例

Jquery给基本控件的取值、赋值示例

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了控件,取值,赋值等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
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");
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • layui前段框架日期控件使用方法详解
  • jQuery日程管理控件glDatePicker用法详解
  • jquery仿苹果的时间/日期选择效果
  • jQuery树控件zTree使用方法详解(一)
  • EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
  • jQuery实现判断控件是否显示的方法
  • jQuery密码强度验证控件使用详解
  • jquery UI Datepicker时间控件冲突问题解决
  • 设置jquery UI 控件的大小方法
  • jquery网页日历显示控件calendar3.1使用详解

相关文章

  • 2017-08-16jQuery中prev()方法用法实例
  • 2017-08-16jQuery实现智能判断固定导航条或侧边栏的方法
  • 2017-08-16Asp.net下使用Jquery Ajax传送和接收DataTable的代码
  • 2017-08-16jQuery 核心函数以及jQuery对象
  • 2017-08-16基于jQuery的message插件实现右下角弹出消息框
  • 2017-08-16js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
  • 2017-08-16让新消息在网页标题闪烁提示的jQuery代码
  • 2017-08-16jquery插件qrcode在线生成二维码
  • 2017-08-16如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
  • 2017-08-16JQuery实现防止退格键返回的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery自定义事件的简单实现代码
    • jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
    • jQuery each()方法的使用方法
    • cssQuery()的下载与使用方法
    • 详谈jQuery中使用attr(), prop(), val()获取value的异同
    • flexigrid 类似ext grid的JS表格代码
    • jquery获取一组checkbox的值(实例代码)
    • jQuery之排序组件的深入解析
    • 使用jQuery的ajax功能实现的RSS Reader 代码
    • 基于jQuery倒计时插件实现团购秒杀效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有