复选框值在函数内不起作用

Question

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

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

为什么jQuery没有获得复选框的值？我似乎无法理解为什么，如果我使用标准的onClick它可以获得价值，但它似乎不喜欢调用函数...

Answer 1

您需要获得this的值，这是您使用的元素onclick

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

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

Answer 2

你的问题是this当前元素，因为你已经将当前元素传递给函数，接收它并像使用它一样

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

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