チェックボックスの値が関数内で機能しない

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

を使用して

のようにそれを使用します

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

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

Answer 2

thisの値を取得する必要がありますあなたはすでにそれを受け、関数に現在の要素を渡しているとしてあなたの問題は、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