jqueryでフォームを操作する

Jqueryでフォームをいじっちゃいましょう。

フォーム情報を取得したり設定したり

var obj = $('#target');  // id指定
var obj = $('.targets'); // class指定
var obj = $('input[name=target]');  // name指定
// 選択したオブジェクトにたいしてそれぞれ処理を行う
// (例)　ファームを「disabled」にする
$(‘input[name=target]’).attr(‘disabled’, true);
// .each() を利用してみる (上と同じ)
$(‘input[name=target]’).each(function(i){
$(this).attr(‘disabled’, true);
});
//————————-
// value属性の値を取得する
//————————-
var str = $(’#target’).attr(‘value’);
var str = $(’#target’).val();
//————————-
// value属性に値を入力する
//————————-
$(’#target’).attr({value: str});
$(’#target’).val(str);

選択したオブジェクとを取得する(input[name=radio])

// get
var obj = $("input[name=target]:checked");
// ＠は正規表現
var obj2 = $(“input[@name=target]:checked”);
// ラジオボタンで選択されているオブジェクトを取得する
var objRadio = $(":radio[@name=target]:checked");
// value属性を取得する
console.log(“val = " + objRadio .val() );

選択したオブジェクとを取得する(select])

var value = $('#target').children(':selected').val();
var value = $('#target').val(); // これだけで上に同じ
// 選択肢を増やす
$(’#target’).append($(’’).val(‘1’).text(‘hogehoge’));

所感として「＠」は正規表現を利用して検索してくれるのですが、うまくいかなかったのでつかってません。 なんで動かないかは現在調査チュウ。