Error Uncaught Error: Syntax error, unrecognized expression

Question

<div class="mt-repeater-item">
    <div class="row mt-repeater-row">
        <input type="text" name="product[0][price]" value="2" oninput="update_total(this)">
    </div>
</div>
<div class="mt-repeater-item">
    <div class="row mt-repeater-row">    
        <input type="text" name="product[1][price]" value="3" oninput="update_total(this)">
    </div>
</div>

And my script

function update_total(input) {
    var sum = 0;
    $('.mt-repeater-item').each(function(index) {
        var product_price = $("input[name=product["+index+"][price]]").val() ? $("input[name=product["+index+"][price]]").val() : 0;
        sum = sum + product_price;
    });
    alert(sum);
}

Error Uncaught Error: Syntax error, unrecognized expression => How to fix it?

RahulB · Accepted Answer · 2016-11-01 07:08:49Z

1

You have missing quotation for name --

function update_total(input) {
    var sum = 0;
    $('.mt-repeater-item').each(function(index) {
        var product_price = $("input[name='product["+index+"][price]']").val() ? $("input[name='product["+index+"][price]']").val() : 0;
        sum = sum + product_price;
    });
    alert(sum);
}

Link - https://jsfiddle.net/80op2y19/

answered Nov 1, 2016 at 7:08

RahulB

2,1101 gold badge21 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Akshey Bhat · Accepted Answer · 2016-11-01 07:10:41Z

1

function update_total(input) {
    var sum = 0;
    $('.mt-repeater-item').each(function(index) {
            var product_price = $("input[name='product["+index+"][price]']").val() ? $("input[name='product["+index+"][price]']").val() : 0;
        sum = sum + parseInt(product_price);
    });
    alert(sum);
}

enclose value of name inside single quotes

edited Nov 1, 2016 at 7:10

answered Nov 1, 2016 at 7:03

Akshey Bhat

8,6872 gold badges24 silver badges20 bronze badges

1 Comment

Gowri Over a year ago

Also use parseInt. sum = sum + parseInt(product_price);

Collectives™ on Stack Overflow

Error Uncaught Error: Syntax error, unrecognized expression

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related