Javascript 在Paypal中插入下拉菜单、文本字段和复选框；“添加到购物车”；按钮

这是我的第一篇帖子，请耐心等待

我正在尝试设置一个“添加到购物车”按钮，它能够通过下拉菜单、一些文本字段和一些复选框承载客户提供的信息。因此，一旦客户从下拉菜单中选择一个条目，在文本字段中插入信息并标记复选框，卖方就能够同时接收所有信息。我已经能够包括下拉菜单和文本字段

我不能做以下事情：

• 设置复选框

• 找到一种方法确保每行（如下图中的第1行和第2行）只选中一个复选框（无多选）

• 如果未提供所有信息，请设法显示警告消息。这意味着，如果客户没有从下拉菜单中选择项目类型（下图中为“衬衫”）（第一个条目是固定的“选择项目”）或将任何文本字段或复选框留空，则会显示类似“请提供所有信息”的警告消息

我不期待使用php或其他语言，所以我的问题是，如何使用html和JavaScript实现这一点

我在此附上一张我正在寻找的图片。图像中只有4个文本字段和6个复选框（每行3个），但文本字段将更多。专用于复选框的行应为3到5。每行有3个复选框，如图所示：

以下是迄今为止的代码（没有使用JavaScript）

项目类型
选择项
衬衫


名字：



姓氏：



最喜欢的颜色：



最喜爱的宠物：

单选按钮基本上是互斥的复选框。这将满足您的“仅选中1个复选框”要求“如果未提供所有信息，请找到显示警告消息的方法”-阅读HTML5表单验证的基础知识，大多数内容都可以在客户端处理，而无需额外编程。（您是否仍然需要进行服务器端验证，取决于您的特定用例。）单选按钮基本上是互斥的复选框。这将满足您的“仅选中1个复选框”要求“如果未提供所有信息，请找到显示警告消息的方法”-阅读HTML5表单验证的基础知识，大多数内容都可以在客户端处理，而无需额外编程。（您是否仍然需要进行服务器端验证，取决于您的特定用例。）