verán tengo el siguiente problema. Por medio de Ajax tengo un carrito de compras que al agregar una cantidad para un producto, multiplica el valor del producto por la cantidad. Ejemplo Cantidad = 2 Valor del producto = 20, por lo tanto el subtotal = 40. esto lo tengo para un solo producto, pero al momento de agregar más de un producto, no logro saber cómo puedo hacer ese ajax para n cantidades de productos, ya que mi código es el siguiente:
<script>
$(document).ready(function () {
$('#tdb1').click(function(){
var quantity = $( "input[name*='cart_quantity[]']" ).val();
var productPrice = '<?=$jsubtotal?>';
$.ajax({
url: 'data.php',
type:'POST',
data: {
quantityPHP : quantity,
productPricePHP : productPrice
}
})
.done(function(res){
$('#idsubtotal').html('$' + res)
});
})
});
</script>
La duda que tengo es esa, agrego un producto con un botón id = "tdb1", ejecuta el click.function y llama mi ajax, pero cuando agrego otro y por un for establezco que ahora para el segundo su id = "tdb2" no logro saber cómo ejecutar mi Ajax para el segundo, cómo asocio o concateno el 2 para que mi ajax quede dinámico cada que hagan clic en otro botón llame la función y quede con id = "tdb2" y esto para n productos, "tdb3", "tdb4" etc.
Muchas gracias por su apoyo!! :)
Agrego el HTML. Estoy usando la librería oscommerce, al momento de llamar la siguiente función me regresa esto:
//Función Oscommerce.
tep_draw_button(IMAGE_BUTTON_UPDATE, 'refresh', 'javascript:void(0)')
//La función realiza lo siguiente:
function tep_draw_button($title = null, $icon = null, $link = null, $priority = null, $params = null) {
static $button_counter = 1;
$types = array('submit', 'button', 'reset');
if ( ($params['type'] == 'submit') && isset($link) ) {
$params['type'] = 'button';
}
if ( ($params['type'] == 'button') && isset($link) ) {
$button .= '<a onclick="sendAjax(this)" id="tdb' . $button_counter . '" href="' . $link . '"';
}
return $button;
}
//Esto pinta en el HTML
<a onclick="sendAjax(this)" id="tdb4" href="javascript:void(0)" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary ui-priority-secondary" role="button" aria-disabled="false">
<span class="ui-button-icon-primary ui-icon ui-icon-refresh"></span>
<span class="ui-button-text">Update</span>
</a>
Yo agregué el atributo onclick para que siempre ejecute esa función, solo que no me queda claro cómo agregar el id de ese botón para que pinte correctamente mi html con el cálculo.