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

Question

这是我的第一篇文章，请耐心等待。

我正在尝试设置一个“添加到购物车”按钮，该按钮能够承载客户通过下拉菜单，一些文本字段和一些复选框提供的信息。这样，一旦客户从下拉菜单中选择一个条目，然后在文本字段中插入信息并标记了复选框，卖方便可以一起接收所有信息。我已经能够包含下拉菜单和文本字段。

我无法执行以下操作：

• 设置复选框

• 找到一种方法来确保对于每一行（例如下图中的第1和2行），仅选中了一个复选框（没有多项选择）

• 找到了一种在未提供所有信息的情况下显示警告消息的方法。这意味着，如果客户未从下拉菜单中选择商品类型（下图为“衬衫”）（第一项为固定的“选择商品”），或在任何文本字段或复选框中保留空白，则警告显示诸如“请提供所有信息”之类的消息。

我不希望使用php或其他语言，所以我的问题是，如何使用html和JavaScript做到这一点？

我在这里附上我要寻找的图像。在图像中，只有4个文本字段和6个复选框（每行3个），但是文本字段会更多。复选框专用的行应为3到5。每行将具有3个复选框，如图所示：

这是到目前为止的代码（不使用JavaScript）

<form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="self">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="country" value="US">
<input type="hidden" name="add" value="1">
<input type="hidden" name="shopping_url" value="http://www.example.com">
<input type="hidden" name="business" value="user@email.com">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="item_name" value="Customization for item">
<input type="hidden" name="amount" value="8.00">
<table><tr><td>
<input type="hidden" name="on0" value="Item type">Item type</td>
    <td>
    <select name="os0">
    <option value="select item">SELECT ITEM
    <option value="Shirt">Shirt
    </select></td>
</tr></table>
<br>

First Name:&nbsp;&nbsp;
<input type="hidden" name="on0" value="First Name">
<input type="text" name="os0" size="20">
<br><br>
Last Name:&nbsp;&nbsp;
<input type="hidden" name="on1" value="Last Name">
<input type="text" name="os1" size="20">
<br><br>
Favorite color:&nbsp;&nbsp;
<input type="hidden" name="on2" value="Favorite color">
<input type="text" name="os2" size="20">
<br><br>
Favorite pet:&nbsp;&nbsp;
<input type="hidden" name="on3" value="Favorite pet">
<input type="text" name="os3" size="20">
<br><br>
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and 

secure!">
</form>