jQuery select inputs with more than one class

Question

I have a number of inputs with multiple class:

<p><span>Efectivo X: </span><input type="text" class="montox numero caja1" name="mefectx" id="mefectx" maxlength="10" placeholder="0"/>&nbsp;<input type="text" class="montox numero caja2" name="mefectx" id="mefectx" maxlength="10" placeholder="0"/></p>
        <p><span>Tarjeta de Cr&eacute;dito X: </span><input type="text" class="montox numero caja1" name="mtdcx" id="mtdcx" maxlength="10" placeholder="0"/>&nbsp;<input type="text" class="montox numero caja2" name="mtdcx" id="mtdcx" maxlength="10" placeholder="0"/></p>

I want to sum all input with class (montox caja1):

var montosx = $('[class="montox"][class="caja1"]').sumVal();
        $('#tcajax').val(montosx);

But that code doesn't work.

It looks like you've used something like XPath here, whereas jQuery needs a CSS selector. — halfer, Jul 14 '14 at 20:16

score 2 · Accepted Answer · answered Jul 14 '14 at 20:01

2

Is your sumVal function working as expected? This will get all elements that have both classes:

var montosx = $('.montox.caja1').sumVal();
$('#tcajax').val(montosx);

answered Jul 14 '14 at 20:01

Jeff Koch

356
1
7

Yea it works and i see the samre result here (http://stackoverflow.com/questions/1041344/jquery-multiple-class-selector) Thaks for the Help... – JuJoGuAl Jul 14 '14 at 20:15

jQuery select inputs with more than one class

1 Answers1