jQueryのval()関数を使用した足し算演算について

jQuery

足し算については、誰もが簡単だと思うでしょう。しかし、jQueryで操作する場合は、ときには頭を悩ませることがあります。

通常は、次のようになります。

var num1 = 123;
var num2=123;
var total = num1+num2;

これを見れば、結果が246であることは誰でも分かります。

<input type="text" id="txt1" value="123" />
<input type="text" id="txt2" value="123" />
var num1= $("#txt1").val();
var num2 = $("#txt2").val()
var total = num1+num2;

この場合、結果は246でしょうか？実際の結果は123123となります。

この場合、jQueryは文字列の結合として認識しているためです。では、どのようにして自分が欲しい値を取得すればよいのでしょうか？

最初に思いつくのは、num1とnum2を値の型に変換することですが、この方法は手間がかかり、うまくいかないこともあります。

そのため、もっと簡単な方法があります。

var total = num1*1+num2*1;

これで、結果は246になります。