Это мой первый пост, поэтому, пожалуйста, наберитесь терпения.
Я пытаюсь настроить кнопку «Добавить в корзину», которая позволяет размещать информацию, предоставленную клиентами, через раскрывающееся меню, некоторые текстовые поля и некоторые флажки. Так что, как только клиент выберет одну запись в раскрывающемся меню, вставит информацию в текстовые поля и пометит флажки, продавец сможет получить всю информацию вместе. Я уже смог включить выпадающее меню и текстовые поля.
Я не могу сделать следующие вещи:
флажки установки
найти способ убедиться, что для каждой строки (например, строки 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:
<input type="hidden" name="on0" value="First Name">
<input type="text" name="os0" size="20">
<br><br>
Last Name:
<input type="hidden" name="on1" value="Last Name">
<input type="text" name="os1" size="20">
<br><br>
Favorite color:
<input type="hidden" name="on2" value="Favorite color">
<input type="text" name="os2" size="20">
<br><br>
Favorite pet:
<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>