Как в input radio использовать два значения и выводить в скрипт?

Question

[Антон]

Извиняюсь, если неграмотно сформулировал вопрос.

spoiler

<form id="myFormpr" action="" method="POST">
// вырезано лишнее 
while($ar_fields = $my_slider->GetNext())
{
{?>
 <input  type="radio" id="<?=$ar_fields[ID]?>" value="<?=$ar_fields[ID]?>"
 name="element_itogo" class="pink">
<label for="<?=$ar_fields[ID]?>">
<img src="<?=SITE_TEMPLATE_PATH?>/img/buy.png"/>
</label> 
<?};
}
echo '<input type="submit" >';
?>    
</form>

<script>
var mainPrice = '<?php echo $_POST[rubdetail];?>';
$('#myFormpr input').on('change', function() {
  $('#price').html(`${+mainPrice + +$('input[name=element_itogo]:checked').val()}`);
});
</script>
Стоимость: <span id="price"></span> рублей

Раньше в value я передавал цену $ar_fields[CATALOG_PRICE_1], которая с помощью скрипта прибавлялась к другой цене $_POST[rubdetail] и суммарно выводилось это в span id="price".
Теперь в value я передаю ID-шник $ar_fields[ID], естественно, что теперь скрипт показывает не то, что нужно.
Собственно вопрос, можно ли в input как то подсунуть цену (ведь два value не может быть) и с помощью скрипта выводить сумму, как раньше.

Answer 1

[Stalker_RED]

Моржно сделать второй инпут с ценой.
Cкрытый (type="hidden"), при желании.

Comments

[Антон]

Пользователь будет тыкать по видимым input, а как их связать со скрытыми?

[Stalker_RED]

Антон, не понял вопрос. Зачем вообще цены передать, у вас же они где-то записаны на сервере?

[Антон]

Stalker_RED, я делаю фильтр на ajax. На главной странице пользователь тыкает input'ы, так называемые элементы (в моем случае это дополнительные товары к основному товару). Когда он тыкает по input динамически меняется общая стоимость заказа. И раньше вообщем то все работало. Сейчас пришло время кое-что улучшить и теперь в value я цену не передаю, а передаю ID-шники (это нужнее) для другого функционала. Такая вот история.

[Stalker_RED]

Антон, ну и отлично. Вам же все равно нужно на сервере эти цены проверять.

[Антон]

Stalker_RED, довольно просто все оказалось, вписал одну строчку, как вы и советовали в начале hidden, но с другим name. Не знаю как, но почему то работает как было нужно.

<input type="hidden"  name="element_itogo2" value="<?=$ar_fields[ID]?>"> 
<input  type="radio" id="<?=$ar_fields[ID]?>" value="<?=$ar_fields['CATALOG_PRICE_1']?>"
 name="element_itogo" class="pink">

[Stalker_RED]

Антон, вы же понимаете, что любой человек может открыть консоль в браузере и поставить цену в 1р. за любой ваш товар? Передавать ее на сервер вообще смысла нет. Ее нужно брать из надежных источников.

[Антон]

Stalker_RED, Да. Это знаю, хотя иногда забываю об этом.
Но это не тот случай.
Комментарием выше я передаю два input. Первое value идёт для указания id товара, которое через api положит товар в корзину. Второе value служит для Ajax отображения цены. Эта цена в корзину уже не идёт. В Битриксе нужно только Id товара передать, цена загрузится из БД.

[Stalker_RED]

Антон, тогда можно цену вообще никуда не передавать, а на клиенте хранить в data-атрибуте, например.