Значения HTML-формы будут использоваться с PHP-скриптом

Question

Я хотел бы знать, есть ли лучший способ сделать макет моей формы без необходимости создавать четыре флажка, чтобы пользователь мог ввести 4 квартала как 25 + 25 + 25 + 25 = 1,00, чтобы купить напиток.

В настоящее время у меня есть только один флажок для каждого наименования (Никель, Дайм и Квартал), которое я хочу использовать.

Мне было интересно, есть ли лучший способ в php и html, чтобы я мог установить кнопку, чтобы пользователь мог нажимать кнопку только на четверти, чтобы один щелчок равнялся 25 на стороне php, а два щелчка равнялись до 50 на стороне php.

Например, пользователь может один раз щелкнуть по кнопке четверти, и значение, отправляемое в скрипт php, должно быть 25, а если пользователь дважды щелкает по никам, значение должно быть 5 + 5 = 10.

<form>
<label>Input Money Denominations</label>
<br />
<LABEL><INPUT TYPE="checkbox" NAME="money1" VALUE="Quarters">Quarters</LABEL>
<LABEL><INPUT TYPE="checkbox" NAME="money2" VALUE="Dimes"> Dimes</LABEL>
<LABEL><INPUT TYPE="checkbox" NAME="money3" VALUE="Nickles"> Nickles</LABEL>
</form>
<!--They are distinguished by their unique VALUEs
Only the value of the checked checkboxes will be passed to the php script.-->
<!--End Checkboxes for money option-->
<!--Submit button-->
<INPUT TYPE="submit" NAME="money" VALUE="Submit Denomination">
<!--The type of button tells what it does. The name is optional unless you are using a script that requires it(php).

Answer 1

Использовать вместо select выпадающий список?

<select name="quarters">
  <option value="0">0</option>
  <option value="25">1</option>
  <option value="50">2</option>
  <option value="75">3</option>
  <option value="100">4</option>
</select>

Answer 2

Если вы хотите попробовать нажать, чтобы «увеличить» количество вводимых четвертей, вы можете использовать javascript, который может отслеживать изменения посредника на стороне клиента, пока пользователь не нажмет достаточно раз для доллара (например).