入力ﾌｫｰﾑにて､あるﾁｪｯｸﾎﾞｯｸｽにﾁｪｯｸをしたときのみﾃｷｽﾄﾎﾞｯｸｽが有効化されるという動作をjQueryで以下のように実装した場合の質問です｡このように…

入力ﾌｫｰﾑにて､あるﾁｪｯｸﾎﾞｯｸｽにﾁｪｯｸをしたときのみﾃｷｽﾄﾎﾞｯｸｽが有効化されるという動作をjQueryで以下のように実装した場合の質問です｡

このようにした場合､入力ﾌｫｰﾑの次画面である｢内容確認画面｣に｢戻って修正｣ﾎﾞﾀﾝを設置しhistroy.backで単純に戻るという仕様にしたとき､以下のfunctionは動作しないために有効化/無効化がなされず､初期値である無効状態となってしまします｡
どのような手を加えることで､history.back時もﾃｷｽﾄﾎﾞｯｸｽの有効化/無効化ができるでしょうか｡
(｢戻って修正｣でpostによる値の受け渡しをすれば実現はできるでしょうけど､今回はhistory.backおよびﾌﾞﾗｳｻﾞの戻るﾎﾞﾀﾝを前提に考えております)

宜しくお願いします｡

jquery
$('#test_chk').on('change',function(){
var chk = $(this).prop('checked'),
obj = $('#test_input');
(chk) ? obj.prop('disabled',false) : obj.prop('disabled',true) ;
});

html
<input name="" type="checkbox" value="" id="test_chk" />
<label for="test_chk">chk1</label>
<input name="" type="text" id="test_input" disabled="disabled" />

ﾁｪｯｸﾎﾞｯｸｽの状態を､ﾍﾟｰｼﾞのﾛｰﾄﾞ完了時にもすれば良いだけじゃん､と思ったのですが､さにあらず｡
別のﾍﾟｰｼﾞから history.back して戻ってきたときに､this が指している要素の checked が true にならない｡
Firebug の DOM ｲﾝｽﾍﾟｸﾀでは checked が true になっていたので､試しに getElementById を使ってみると､何故か正しく状態が取得できました｡

こんな感じ(元のｺｰﾄﾞをなるべく残してます)｡

function control_input() {
// var chk = $(this).prop('checked'),
 var chk,
 obj = $('#test_input');

 chk = document.getElementById(this.id).checked; // ★これ！

 (chk) ? obj.prop('disabled',false) : obj.prop('disabled',true) ;
}
$(function() {
 $('#test_chk').on('change', control_input);
 control_input(); // ﾛｰﾄﾞ時にも呼んでやる
});

因みに､こうすれば良いはずだ､と最初に思ったものがこちら｡

function control_input() {
 var chk = $(this).prop('checked'),
 obj = $('#test_input');
 (chk) ? obj.prop('disabled',false) : obj.prop('disabled',true) ;
}
$(function() {
 $('#test_chk').on('change', control_input);
 control_input(); // ﾛｰﾄﾞ時にも呼んでやる
});

履歴で戻ってくると､$(this).prop('checked') が undefined ｡
this.checked も同様に undefined｡
ﾀｲﾐﾝｸﾞの問題かもと思って､setTimeout しても同じだし､試しにﾎﾞﾀﾝを作って､その click から呼んでみても同じ｡
見た目はﾁｪｯｸが入っているのに...