カスタム入力を生成するショートコードを作成しました:
function input_plus_moins() {
$output = "
<div data-role='controlgroup' data-type='horizontal' data-mini='true'>
<button id='plus' data-inline='true'>+</button>
<input type='text' name='number' id='number' value='0' />
<button id='minus' data-inline='true'>-</button>
</div>
";
return $output;
}
次に、jQuery でプラス ボタンまたはマイナス ボタンをクリックして、入力値を増減できます。
$('#plus').unbind('click').bind('click', function () {
var value = $('#number').val();
value++;
$('#number').val(value);
});
$('#minus').unbind('click').bind('click', function () {
var value = $('#number').val();
value--;
$('#number').val(value);
});
ボタンをクリックするたびに、フォームが送信されます。
具体的に送信ボタンをクリックした場合にのみフォームが送信されるように、JavaScript ファイルを変更するにはどうすればよいですか?