JavaScriptプログラムに関する各種メモ書き

jQuery でのフォーム操作

■ フォームの種類を 判別する( checkbox か radioか)

alert( $('#hoge').attr('type') );

■ 1行テキストエリア(id="hoge")の値

<input type="text" name="hoge" id="hoge" value="999" >
// ◆ jQuery
var v = $('#hoge').val();
var v = $('#hoge').attr('value');
// ◆ JavaScriptのみ
var v = document.getElementById('hoge').value;

■ オプションメニュー(ドロップダウンリスト)(id="hoge")の値

// ◆ jQuery
var v = $('#hoge').val();
var v = $('#hoge :selected').text();

■ ラジオボタンの値の取得

var data = $("input:radio[name='my_radio']:checked").val();

■ 単一チェックボックス(id=cb1)の値の取得

<input type="checkbox" id="cb1_id" name="cb1" value="あいうえお">あいうえお
var v = $('#cb1_id:checked').val();      // IDでアクセスする場合
var v = $("input[name='cb1']:checked").val();     // nameでアクセスする場合
alert(v);

■ checkboxにチェックがついているかどうかを調べる

true ,false が帰ってきます。

var flag = $("[name=checkbox1]").prop("checked");

■ checkboxにjQueryでチェックをつける

<input type="checkbox" id="cb1_id" name="cb1" value="あいうえお">
// name が「cb1」 valueが「あいうえお」のチェックボックスにチェックを付ける
$('input[type="checkbox"][name="cb1"][value="あいうえお"]').prop("checked",true);

// 全てのチェックボックのチェックを外す
$("input:checbox").attr('checked', false);

■ フォームをサブミットする

<form id="FM"></form>
 $('#FM').submit();

■ (id="input_button")の送信ボタンを押せないようにする

$('#input_button').attr('disabled', true); // 押せない
$('#input_button').attr('disabled', false); // 押せる

関連エントリー

No.666
02/24 11:39

edit

prototype.js
jQuery
フォーム