Checkbox value not working within a function

Question

<input type="checkbox" name="cars" value="ferrari" id="F40" onclick="addToBasket(this);">F40

function addToBasket() {
    var bkval = $(this).val();
    console.log(bkval);
}

Why is jQuery not getting the value of the checkbox? I can't seem to understand why, it gets the value fine if I use a standard onClick but it doesn't seem to like calling the function...

(Unrelated, but why are you passing this if you're not using it?) — Dave Newton
– Dave Newton, Commented May 5, 2016 at 16:35

Rimpy · Accepted Answer · 2016-05-05 16:41:52Z

1

Your issue is with the this current element, as you are already passing the current element to the function, receive it and use it like

function addToBasket(elem) {
  var bkval = $(elem).val();
  console.log(bkval);
}

<input type="checkbox" name="cars" value="ferrari" id="F40" onclick="addToBasket(this);">F40

answered May 5, 2016 at 16:41

Rimpy

88811 silver badges15 bronze badges

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

Comments

Nenad Vracar · Accepted Answer · 2016-05-05 16:36:27Z

1

You need to get value of this which is element that you use onclick

function addToBasket(e) {
  var bkval = e.value;
  console.log(bkval);
}

<input type="checkbox" name="cars" value="ferrari" id="F40" onclick="addToBasket(this);">F40

answered May 5, 2016 at 16:36

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Collectives™ on Stack Overflow

Checkbox value not working within a function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related