当前位置:  编程技术>jquery

jquery对页面中控件取值与赋值的例子

    来源: 互联网  发布时间:2014-09-03

    本文导语:  Jquery对页面中的基本控件的取值、赋值。   代码: 1,TEXTBOX:   代码示例: var str = $('#txt').val();  $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容 2...

Jquery对页面中的基本控件的取值、赋值。
 
代码:
1,TEXTBOX:
 

代码示例:
var str = $('#txt').val();
 $('#txt').val("Set Lbl Value");
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容

2,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) //判断是否已经选中

3,单选组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();//清空下拉框

4,取得一组名为 (items)的radio被选中项的值
 

代码示例:
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined

5,取得select被选中项的文本
 

代码示例:
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;

6,radio单选组的第二个元素为当前选中值
 

代码示例:
$('input[@name=items]').get(1).checked = true;
 
//重置表单
$("form").each(function(){
   .reset();
});

    
 
 

您可能感兴趣的文章:

  • jquery select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery 通过name快速取值示例
  • jquery对select下拉框取值与赋值方法汇总
  • jquery 操作select取值与设置选中值
  • jquery操作select详解(取值,设置选中)
  • jquery实现Select option项的添加、删除、取值
  • jquery实现radio的取值、radio的选中及radio重置(代码分享)
  • Jquery给基本控件的取值、赋值示例
  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery操作select取值赋值与设置选中
  • jQuery如何对表单元素取值与赋值
  • jquery中html、val与text三者属性取值的联系与区别介绍
  • Jquery 表单元素取值与赋值方法总结
  • Jquery 表单取值赋值方法
  • jQuery区间选择控件 jquery range picker iis7站长之家
  • JQuery中input textarea select checkbox radio取值示例
  • Jquery表单取值赋值操作实例
  • jQuery 取值、赋值的基本方法整理
  • jquery为input赋值方法总结
  • 在页面加载完成后通过jquery给多个span赋值
  • jQuery为checkbox、radio赋值的例子
  • JQuery中使用Ajax赋值给全局变量失败异常的解决方法
  • Jquery为a标签中href赋值的示例代码
  • JQuery中使用Ajax赋值给全局变量异常的解决方法
  • 浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
  • jquery为表单控件赋值实例
  • jquery取值、赋值实例参考
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery区间选择控件 jquery range picker
  • jquery分页展示控件 kkpager
  • jQuery图库导航控件 prettyGallery
  • jQuery产品展示控件 jqueryBook
  • 可拖放的树形控件 jQuery Simple Tree
  • jQuery的Tree控件 jstree
  • 日期选择控件 jQuery DateInput
  • jquery模拟select控件
  • jQuery 表格控件 mmGrid
  • jQuery树形控件 wdTree
  • Jquery easyui之控件参数传递方法
  • jquery检测input checked 控件是否被选中的方法
  • jquery dialog open后,服务器端控件失效的快速解决方法
  • 基于jquery的自定义分页控件 jqPaginator
  • Jquery插件分享之气泡形提示控件grumble.js
  • jquery检测input checked 控件是否选中
  • JQuery EasyUI 日期控件如何控制日期选择区间
  • Jquery实现控件的隐藏和显示实例
  • jQuery Validate 验证,校验规则写在控件中的具体实例
  • 基于jQuery 的日历控件 xGCalendar
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3