Атрибут не изменяется при нажатии

Question

Этот код для изменения атрибута param не работает. Пожалуйста, скажи мне почему?

$("#button").on("click",function(){ 
    if($(this).attr("param") == "Off"){ 
     $(this).attr("param","Play"); 
    } 
    if($(this).attr("param") == "Play"){ 
     $(this).attr("param","Off"); 
    } 
}); 

Example on JsFiddle

Answer 1

Ваш код изменяет его один раз, а затем изменяет его обратно. Вы должны использовать инструкцию else. Попробуйте:

$("#button").on("click",function(){ 

if($(this).attr("param") == "Off"){ 
    $(this).attr("param","Play"); 
} else if($(this).attr("param") == "Play"){ 
    $(this).attr("param","Off"); 
} 

}); 

Answer 2

@nullability ответ правильный, но я предпочитаю использовать switch вместо:

$("#button").on("click",function(){ 
    switch($(this).attr("param")) { 
     case "Off": 
      $(this).attr("param","Play"); 
      break; 
     case "Play": 
      $(this).attr("param","Off"); 
      break; 
    } 
}); 

working demo

Answer 3

хотя я немного поздно, но как полное руководство вы можете попробовать это

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script> 
$(document).ready(function(){ 
$("#but").on("click",function(){ 

if($(this).attr("param") == "Off"){ 
$(this).attr("param","Play"); 
}else if($(this).attr("param") == "Play"){ 
$(this).attr("param","Off"); 
} 

}); 
}); 
</script> 
<input type="button" id="but" param="Off" value="go" /> 

вопрос был «если есть», как указано с помощью nullability a Бова. ваш код менял его в первый раз, но затем в следующий момент он менял его.