MVC를 클릭하면 어떻게 단추 텍스트를 변경할 수 있습니까?

Question

자바 스크립트에 표시/숨기기 기능이있는 토글 버튼이 있습니다. 버튼을 클릭 할 때 텍스트를 어떻게 변경합니까?

<button id="ShowHide">Show</button> 

Answer 1

이 jQuery 사용 :

$('#ShowHide').toggle(
    function() { 
     $(this).text("Show"); 
     $('whatever').show(); 
    }, 
    function() { 
     $(this).text("Hide"); 
     $('whatever').hide(); 
    } 
); 

Answer 2

자바 스크립트를 사용해야합니다. 새 값을 자바 스크립트로 하드 코딩하거나 AJAX를 사용하여 서버에 콜백하고 새 값을 가져옵니다.

('#yourButton').click(function(){ 
    (this).text('Hello click!'); 
}); 

Answer 3

당신이해야 할 this jquery을 사용할 수 있습니다

그냥 하드 코드에 자바 스크립트의 값을가는 경우는 ... jQuery를 그것에게 스냅을한다 변화.

$("#buttonName").val("New text for button"); 

JQuery는 ASP.NET MVC 프로젝트에 자동으로 포함됩니다. 순수 HTML/JS에서

Answer 4

:

<input type="button" id="show_hide" onclick="this.value=(this.value=='Show')?('Hide'):('Show')" value="Show" /> 

Answer 5

$('#HideShow').click(function() 
{ 
    if ($(this).text() == "Show") 
    { 
    $(this).text("Hide"); 
    } 
    else 
    { 
    $(this).text("Show"); 
    }; 
}); 

편집 : 그것은 "버튼을 .val() 또는 .text() 경우 기억할 수 : 빨리해야 새로운 유효한 ID : 뇌 경련을 사용하도록 업데이트 "<input type="button"> 태그와 대조적으로 atm을 테스트 할 시간은 없지만 아이디어를 얻을 수는 있습니다.

이와 달리, .toggle()은 .toggle(even,odd); 기능을 가지고 있습니다.

$('#HideShow').toggle(function() 
    { 
    $(this).text("Hide"); 
    }, 
    function() 
    { 
    $(this).text("Show"); 
    } 
);