我需要能够创建具有以下特征的WordPress表单:

  • 一行带标签的复选框,其中行数和每个复选框的标签由SignUpGenius Return user group endpoints 返回的JSON驱动 . 我还需要将 groupid 包含为隐藏字段 .

  • 一组典型的静态联系信息字段(名字,姓氏,电子邮件,电话)

  • CAPTCHA字段(我打算使用Google reCATCHA)

  • 在表单提交时,对于每个选中的复选框,调用SignUpGenius Add a user to a group endpoints 传递静态联系信息以及隐藏的 groupid .

以下是 Return user group endpoints 响应的示例:

{
  "message": [
    "Groups found, so successfully returning data."
  ],
  "success": true,
  "data": [
    {
      "groupid": 5596292,
      "title": "API Gurus",
      "count": 4
    },
    {
      "groupid": 5596310,
      "title": "Chuck Norris",
      "count": 6
    },
    {
      "groupid": 5596288,
      "title": "My Family Members",
      "count": 3
    }
  ],
  "links": {
    "next": "https://api.signupgenius.com/v2/k/groups/{groupid}/members/",
    "self": "https://api.signupgenius.com/v2/k/groups/",
    "previous": ""
  }
}

表单看起来像这样:

I would be willing to volunteer for any of the following activities:

Running     [ ]
Jumping     [X]
Swimming    [ ]
Flying      [X]

First Name: [          ]
Last Name:  [          ]
Email:      [          ]
Phone:      [          ]
[reCAPTCHA]
[Submit]     [Cancel]

有没有人知道一些样本WP / jquery代码,它们会演示这样的东西?