Retrive value from array id in js function

Question

Hi i am writing a php based code in which i am generating checkbox with different id and name

<input type="checkbox" name="settle_check[]" id="settle_check['.$res2['id'].']" value="1" onclick="calculate_discount(\''.$res2['id'].'\');"/>

and my function of calculate discount is as follow

 function calculate_discount(id){
    alert($('#settle_check['+id+']').val());
    if($('#settle_check['+id+']').is(":checked")){
        alert('Hiii');
    }
    else{
        alert('Byeee');
    }
}

now for every time it is not capturing the value and giving alert of undefined. Please Help me.

Satpal · Accepted Answer · 2014-12-31 07:39:59Z

3

You are using [] in ID selector which are meta characters. You need to escape them.

Use

$('#settle_check\\['+id+'\\]').val()

Docs

To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\.

OR

You can use Attribute Equals Selector [name="value"]

$('[id="settle_check[' + id +']"]').val()

answered Dec 31, 2014 at 7:39

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

user1900956 · Accepted Answer · 2018-04-09 06:10:27Z

1

Use this

$('#settle_check\\['+id+'\\]').val()

answered Apr 9, 2018 at 6:10

user1900956

4872 silver badges9 bronze badges

Comments

Steven Web · Accepted Answer · 2014-12-31 07:44:59Z

1

You can also try this:

Instead of passing the id, pass the element itselfe like:

<input type="checkbox" name="settle_check[]" value="1" click="calculate_discount(this);"/>

and update the function to:

function calculate_discount(element){
    alert($(element).val());
    if($(element).is(":checked")){
        alert('Hiii');
    }
    else{
        alert('Byeee');
    }
}

With this solution you avoid unnecessary jQuery searching.

answered Dec 31, 2014 at 7:44

Steven Web

1,96113 silver badges23 bronze badges

Collectives™ on Stack Overflow

Retrive value from array id in js function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related