次のコードを使用して、ページの更新時にドロップダウンメニューの選択を保持しました。
$("#form_Selection > option").each(function() {
if (this.value == 'variable') {
this.selected=true;
}
});
更新後にチェックボックスの状態を保持する同様のコードを構成するのに苦労しています。何か案は?
次のコードを使用して、ページの更新時にドロップダウンメニューの選択を保持しました。
$("#form_Selection > option").each(function() {
if (this.value == 'variable') {
this.selected=true;
}
});
更新後にチェックボックスの状態を保持する同様のコードを構成するのに苦労しています。何か案は?
次はどのように機能しますか(チェックボックスを設定するだけで、コードのロジック部分を再印刷していません
$(this).attr('checked', true);
何かのようなもの
{if (this.value == 'variable') {this.checked="checked";}}
:checkboxとprop('checked')を使用してすべてのチェックボックスの状態を保存するには、sessionStorage
:を使用できます。
$(':checkbox').each(function(index,element){
//save the 'checked' property of every checkbox
if ( $(this).prop('checked') ) {
sessionStorage['checked-checkboxes']=sessionStorage['checked-checkboxes'] + ',';
}
}
そして、ページがロードされたとき:
var checkedCheckboxes = sessionStorage['checked-checkboxes'];
//if there's anything saved in the sessionStorage for checked checkboxes
if ( checkedCheckboxes ) {
var checkedCheckboxesNames = checkedCheckboxes.split(',');
for( var i=0; i < checkedCheckboxesNames; i++ ) {
$( '#' + checkedCheckboxesNames[i] ).prop( 'checked', true );
}
}
考え方は単純です。保存するときは、保存するすべてのチェックボックスのIDを保存し、ロードするときは、それらすべてのIDを取得して、チェックボックスを設定します。
もちろん、永続的なストレージが必要な場合sessionStorage
は、に置き換えることができます。localStorage
その点に注意してください:
お役に立てば幸いです:)