javascript - CSSとフォームデータを変更するJquery

Question

ユーザーがサイズを増減できるタイトルを入力するフォームを作成しています。「サイズアップボタン」をクリックすると変化するプレビューウィンドウがあります。しかし、投稿時に値を取得するために、これを非表示のフォームに保存したいと考えています。

HTML - フォーム

<input id="title" name="title" />
<input id="titlesize" name="titlesize" value="50" />
<div id="sizeUp">Size up!</div>

HTML - プレビュー ウィンドウ

<h2 id="titlepreview" style="font-size: 50px;">Title</h2>

Javascript

$(document).ready(function() {
$("#sizeUp").click(function() {
        $("#titlepreview").css("font-size","+=5"),
        $("#titlesize").val("+=5");   // <-- Here's the problem
});

何か案は？

Answer 1

文字列を数値として扱うには parseInt が必要です。

$("#sizeUp").click(function () {   
 var obj = $("#titlesize");
 var value = parseInt(obj.val());
 obj.val(value + 5);
});