情報が多くない場合は遷移せずに
一画面で登録・更新・削除・一覧までやりたい。

showModalDialogで新しい画面をあげると
そのたびにリクエストが発生するのであまり好まない。

その場合は、jquery.blockUI.v2.jsを使うと便利。
divを使って、ポップアップのモーダル風の画面が簡単にできる。

addFormというidを持つdivをモーダルにしたい場合以下
高さ100px 幅350pxのモーダル画面を表示する。

左右の中央に持って来れなかったので、今回限りでソースに手を入れた。
（時間があればちゃんとソースを解析しないといけないが）

・84行目くらいからから始まる、cssのデフォルト設定より、プロパティ「left:’35%’,」を削除
・224行目くらいから始まるスタイルの指定のmargin:0 を margin: 0 autoに変更、left:0; を　削除
・blockUIのdivが最後のdivの次に追加されるようでposition指定を
　relative（デフォルトはfixed）にする。
　するとその下に配置されるのでネガティブマージンで適切な値を入れる。

$.blockUI({
message: $(‘#addForm’),
css: {
position: ‘relative’,
top: ‘-450px’,
margin: ‘0 auto’,
height: ‘100px’,
z:’1005′,
padding:’50px’,
width:’350px’,
backgroundColor:’#cfedad’,
}
});

■初期化は以下のようにも出来る（今回は使用していない）
$.blockUI.defaults.css = {
top: ’10px’,
width: ‘500px’,
height: ‘550px’,
z: ‘1005’,
padding: ’10px’,
backgroundColor:’#cfedad’,
color:’#333′
}

こんなラジオボタンがあったら
男性<input  type=”radio” id=”male” name=”seibetsu” value=”1″ />
女性<input  type=”radio” id=”female” name=”seibetsu”  value=”2″ />

これで取得できる↓
val radioVal = $(“input:radio[name=’seibetsu’]:checked”).val();

alert(radioVal);

こんなラジオボタンがあったら

男性<input id=”male” name=”seibetsu” type=”radio” value=”1″ />
女性<input id=”female” name=”seibetsu” type=”radio” value=”2″ /> 

以下のようにすると女性が選択される。
$(“input:radio[name=’seibetsu’]”).val( [“2”] );

ちなみに変数にしたいなら以下

  var female= 1;

  var radioVal = “\”” + female+ “\””;

  $(“input:radio[name=’seibetsu’]”).val( [eval(radioVal)] );

例えば
confirmBtnをクリックしたときに、
あるdivの要素をまとめて使えなくしたい場合
こんな感じ。
Infoってdivの下位にある、
テキストボックスと、ラジオボタンと、セレクトボックスを使用不可にする。

$(‘#confirmBtn’).click(function() {
var $elm = $(“input[type=text], input[type=radio], select”, $(“#Info”));
$elm .attr(“disabled”, “disabled”);
});

戻したいときは以下
$elm.attr(“disabled”, “”);

JQueryでは以下のように書けばOK

$(“#xxxForm”).attr(“action”,”URL”);

document.xxxForm.action = “URL”; と同じとなる。