宜宾网站建设公司

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://ybzwz.com/article/jsjhpo.html

其他资讯