当前位置:  编程技术>jquery

Jquery 表单元素取值与赋值方法总结

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

    本文导语:  1,获取和设置文本框值   代码示例:   获取文件框值:     function Show_xxdxxd(info) {    //赋值操作    $("#xxdxxd").val(info); } function get_xxdxxd() {    //取值操作    val = $("#xxdxxd")[0].value;    //alert(val);    //val = $("#id...

1,获取和设置文本框值
 

代码示例:



 

获取文件框值:
 
 




function Show_xxdxxd(info)
{
   //赋值操作
   $("#xxdxxd").val(info);
}

function get_xxdxxd()
{
   //取值操作
   val = $("#xxdxxd")[0].value;
   //alert(val);
   //val = $("#id")[0].value;
   $("#get_info").html(val);
}

2,获取和设置单选项radio的值:
 

代码示例:







function Show_redio()
{
  //获取单选项值 $("input[@type=radio][@checked]").val();
  //第一种方法, 取得选中状态的值
  _val = $("input[@type=radio][@checked]").val();
  //第二种方法,直接用radio的name进行操作, 取得选中状态的值  获取一组radio被选中项的值
  __val = $("input[@name=radio_type][@checked]").val();
 
  //radio单选组的第一个元素为当前选中值
  $("input[@type=radio]").get(0).checked = true;
  $("input[@name=radio_type]").get(0).checked = true;
  //alert(_val);
  //alert(__val); 
}

3,获取和设置复选框的值:
 

代码示例:

B




function Show_checkbox()
{
  //取得多选框值
  //多选框checkbox:$("#checkbox_id").attr("value");
  val3 = $("#checkbox_id3").attr("value");
  val2 = $("#checkbox_id2").attr("value");
  val1 = $("#checkbox_id1").attr("value");
 
  //多选框checkbox:  $("#chk1").attr("checked",'');//不打勾
     //$("#chk2").attr("checked",true);//打勾
     //if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
 
  //多选框checkbox 不打勾
  $("#checkbox_id3").attr("checked",'');
  //多选择框checkbox打勾
  $("#checkbox_id1").attr("checked", true);
  $("#checkbox_id2").attr("checked", true);
 
  if($("#checkbox_id1").attr('checked')==undefined)
    alert("没有选中!");
  else
    alert("已经选中!");
}

4,获取和设置下拉菜单列表的值:
 

代码示例:

A
B
C
D


function Show_select()
{
     //获取select被选中项的文本
  var selected = $("select[@name=_select] option[@selected]").text();
  //alert(selected);
 
  //设置select下拉框的第二个元素为当前选中值
  $("#_select")[0].selectedIndex = 2;
 
  //下拉框select
  //设置一下值为D的项目为当前选中项
  $("#_select").attr("value",'D');
 
  //添加下拉框的option
  $("EF").appendTo("#_select");
 
  //清空下拉框
  $("#_select").empty();
}

5,获取和设置文本框/文本域的值:
 

代码示例:



function Show_textarea()
{
      //填充内容
   $("#text").attr("value", 'asfsafasfsafasffadsfaasdfa');
  
   //清空内容
   //$("#text").attr("value","");
}
您可能感兴趣的文章:

    
 
 

您可能感兴趣的文章:

  • jquery select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery 通过name快速取值示例
  • jquery对select下拉框取值与赋值方法汇总
  • jquery 操作select取值与设置选中值
  • jquery操作select详解(取值,设置选中)
  • jquery实现Select option项的添加、删除、取值
  • jquery实现radio的取值、radio的选中及radio重置(代码分享)
  • Jquery给基本控件的取值、赋值示例
  • jquery对页面中控件取值与赋值的例子
  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery操作select取值赋值与设置选中
  • jQuery如何对表单元素取值与赋值
  • jquery中html、val与text三者属性取值的联系与区别介绍
  • Jquery 表单取值赋值方法
  • jquery select取值与赋值操作指南
  • 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.validity
  • jQuery 表单插件 jQuery.formLocalStorage
  • jQuery表单生成插件 jquery-form
  • jQuery表单插件 jQuery.form
  • jQuery form表单reset按钮重置清空表单的实现代码
  • 表单验证插件 Jquery表单验证插件
  • jQuery表单验证插件 validVal
  • jQuery表单插件 jFormer
  • 使用jQuery重置(reset)表单的方法
  • jQuery如何获取与设置表单元素
  • jQuery提交多个表单的小例子
  • jquery form表单如何序列化为对象
  • jQuery可伸缩的反馈表单 Contactable
  • jQuery表单美化和验证插件 Formly
  • jQuery表单校验插件 VanadiumJS
  • jQuery表单插件 jNice
  • jquery easyui表单重置扩展思路
  • jQuery概述,代码举例及最新版下载 iis7站长之家
  • 点击表单提交时出现jQuery没有权限的解决方法
  • jQuery表单验证插件 Validation
  • 通过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