jQuery技术

jQuery学习笔记8(2)

字号+ 作者:H5之家 来源:H5之家 2017-09-04 12:08 我要评论( )

返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数(如果value不为空的话)。举例来说: [{name: 'firstname', value: 'Hello'},{name: 'lastname', value: 'World'

返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数(如果value不为空的话)。举例来说:

[ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value: 'World'}, {name: 'alias'}, // this one was empty ]

示例:

取得表单内容并插入到网页中。

HTML 代码: <p><b>Results:</b> </p> <form> <select> <option>Single</option> <option>Single2</option> </select> <select multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select><br/> <input type="checkbox" value="check1"/> check1 <input type="checkbox" value="check2" checked="checked"/> check2 <input type="radio" value="radio1" checked="checked"/> radio1 <input type="radio" value="radio2"/> radio2 </form> jQuery 代码: var fields = $("select,:radio").serializeArray(); jQuery.each( fields, function(i, field){ $("#results").append(field.value + " "); });

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 用JQuery实现ajax技术的常用方法

    用JQuery实现ajax技术的常用方法

    2017-09-04 11:00

  • 黑马程序员php培训:javascript+jquery九天课程第九天(8)

    黑马程序员php培训:javascript+jquery九天课程第九天(8)

    2017-09-04 09:04

  • jquery函数大全

    jquery函数大全

    2017-09-03 17:02

  • 《锋利的jQuery(第2版)》(单东林,张晓菲,魏然,等)【摘要 书

    《锋利的jQuery(第2版)》(单东林,张晓菲,魏然,等)【摘要 书

    2017-09-03 15:00

网友点评