0

私は次のJavaScriptを持っています。これは、親指を立てるボタンと親指を下げるボタンにリンクされています。それぞれをクリックすると、もう一方がオフになります。これは完全に機能します。ただし、ローカルストレージ部分はそうではありません

現時点では、ページを更新すると両方のボタンが「オン」になります (アクティブな状態の色)。ただし、両方とも1つになります。

何か案は

更新しました; ThumbStatus に変更

function thumbsup(){

    document.getElementById("thumbsup").classList.remove("btn-default")
    document.getElementById("thumbsup").classList.add("btn-success")    
    document.getElementById("thumbsdown").classList.remove("btn-danger")
    document.getElementById("thumbsdown").classList.add("btn-default")

  localStorage.setItem('ThumbStatus',up);
  localStorage.removeItem('ThumbStatus', down);
  }



  function thumbsdown(){

    document.getElementById("thumbsdown").classList.remove("btn-default")
    document.getElementById("thumbsdown").classList.add("btn-danger")   
    document.getElementById("thumbsup").classList.remove("btn-success")
    document.getElementById("thumbsup").classList.add("btn-default")

  localStorage.setItem('ThumbStatus',down);
  localStorage.removeItem('ThumbStatus', up);
  }





function Loadthumbs1() {
   //if something was already saved....
  if ( localStorage.getItem('ThumbStatus', up) ) 
  {
  var up = localStorage.getItem('ThumbStatus', up);

   }


document.getElementById("thumbsup").classList.add("btn-success")

 }
function Loadthumbs2() {        
if ( localStorage.getItem('ThumbStatus', down) ) {
var down = localStorage.getItem('ThumbStatus', down);
}

document.getElementById("thumbsdown").classList.add("btn-danger")



}
4

1 に答える 1

1 
var tu = document.getElementById("thumbsup");
var td = document.getElementById("thumbsdown");
var thumbStatus = localStorage.getItem('ThumbStatus');

function thumbsup() {
  tu.classList.remove("btn-default");
  tu.classList.add("btn-success");    
  td.classList.remove("btn-danger");
  td.classList.add("btn-default");
  localStorage.setItem('ThumbStatus', 'up');
 }

function thumbsdown() {
  td.classList.remove("btn-default");
  td.classList.add("btn-danger");   
  tu.classList.remove("btn-success");
  tu.classList.add("btn-default");
  localStorage.setItem('ThumbStatus', 'down');
 }

function Loadthumbs() {
  if (thumbStatus && thumbStatus === 'up' ) {
   thumbsup();
  }
  if (thumbStatus && thumbStatus === 'down' ) {
   thumbsdown();
  }
 }
于 2013-09-12T09:18:59.200 に答える