资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

JQuery表单元素如何取值赋值

这篇文章主要为大家展示了JQuery表单元素如何取值赋值,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。

成都创新互联公司技术团队十载来致力于为客户提供网站制作、成都网站建设成都品牌网站建设营销型网站建设、搜索引擎SEO优化等服务。经过多年发展,公司拥有经验丰富的技术团队,先后服务、推广了上1000家网站,包括各类中小企业、企事单位、高校等机构单位。

一、普通文本框的赋值与取值

1.1.1赋值

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

运行效果:

JQuery表单元素如何取值赋值

1.1.2 取值

示例代码:

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

运行效果:

JQuery表单元素如何取值赋值

二、获取和设置单选项radio的值

2.1.1获取单选项radio的值

1
    2
    
    

运行效果:

JQuery表单元素如何取值赋值

三、获取和设置复选框的值




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

  
    A
    B
     C
    
    
  

运行效果:

JQuery表单元素如何取值赋值

JQuery表单元素如何取值赋值

四、获取和设置下拉菜单列表的值




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

  
    
    
      
    
    
  

运行效果:

JQuery表单元素如何取值赋值

JQuery表单元素如何取值赋值

//设置select下拉框的第二个元素为当前选中值 $("#_select")[0].selectedIndex = 2;

运行效果:

JQuery表单元素如何取值赋值

//下拉框select
 //设置一下值为D的项目为当前选中项
 $("#_select").attr("value",'D');
 
 //添加下拉框的option
 $("").appendTo("#_select");
 
 //清空下拉框
 $("#_select").empty();

五、获取和设置文本框/文本域的值




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

运行效果:

JQuery表单元素如何取值赋值

以上就是关于JQuery表单元素如何取值赋值的内容,如果你们有学习到知识或者技能,可以把它分享出去让更多的人看到。


文章名称:JQuery表单元素如何取值赋值
路径分享:http://cdkjz.cn/article/jsjhpo.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220