30

2010/09

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($('

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

No Comment.

Add Your Comment