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://cdiso.cn/article/jsjhpo.html

其他资讯