当前位置:  编程技术>jquery

jquery为表单控件赋值实例

    来源: 互联网  发布时间:2014-10-04

    本文导语:  1,jQuery给span取值:   代码示例: $("#id").html(); 2,jQuery给input取值:   代码示例: $("#id").val(); 3,jQuery给textarea取值:   代码示例: $("#id").val(); 4,jQuery给radio取值(非主创): 今天写Js时发现利用jquery取不到radio的当前值,上网...

1,jQuery给span取值:
 

代码示例:
$("#id").html();

2,jQuery给input取值:
 

代码示例:
$("#id").val();

3,jQuery给textarea取值:
 

代码示例:
$("#id").val();

4,jQuery给radio取值(非主创):
今天写Js时发现利用jquery取不到radio的当前值,上网Google下,发现网上的解决方案都是依托于1.2版本的,jquery的1.3版本已经去掉的属性选择器@符号。

(1.2)以前的版本对于radio取当前值的方式:
$("input[@type=radio][@checked]")
把@去掉发现能得到object,但是取到的当前值不对,永远都是开始设置radio的那个默认值。
$("input[type=radio][checked]")  这种方式也是取不到当前值的

(1.3-->1.4)经过实验,最终发现了正确写法
 

代码示例:
$("input:radio[type='radio'][checked]")

$("input[accesskey='shippingFee']:checked");

赋值:
 

代码示例:
var sex  = json.sex;//异步返回的信息
$("input:radio").each(function(i){ //遍历对象
    if(this.value== sex){
    $(this).attr("checked","true");
}

5.jQuery给iframe的src赋值:$("id").src+="&uid ="+ uid;

6.jQuery给下拉菜单取值:$("#id").val();
控制表单元素:
文本框,文本区域:
 

代码示例:
$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox:
 

代码示例:
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:
 

代码示例:
$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
 

下拉框select:
 

代码示例:
$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("11112222").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

    
 
 

您可能感兴趣的文章:

  • jquery select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery为input赋值方法总结
  • 在页面加载完成后通过jquery给多个span赋值
  • jQuery为checkbox、radio赋值的例子
  • JQuery中使用Ajax赋值给全局变量失败异常的解决方法
  • Jquery为a标签中href赋值的示例代码
  • JQuery中使用Ajax赋值给全局变量异常的解决方法
  • jquery对select下拉框取值与赋值方法汇总
  • 浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
  • Jquery给基本控件的取值、赋值示例
  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码
  • jquery对页面中控件取值与赋值的例子
  • jquery操作select取值赋值与设置选中
  • jQuery如何对表单元素取值与赋值
  • Jquery 表单元素取值与赋值方法总结
  • Jquery 表单取值赋值方法
  • jquery select取值与赋值操作指南
  • Jquery表单取值赋值操作实例
  • Jquery 局部刷新及表单取值赋值操作详解
  • jQuery表单验证插件 jQuery.validity
  • jQuery 表单插件 jQuery.formLocalStorage
  • jQuery表单生成插件 jquery-form
  • jQuery表单插件 jQuery.form
  • jQuery form表单reset按钮重置清空表单的实现代码
  • 表单验证插件 Jquery表单验证插件
  • jQuery表单验证插件 validVal
  • jQuery表单插件 jFormer
  • 使用jQuery重置(reset)表单的方法
  • 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