jquery를 사용하여 클릭시 입력 버튼의 텍스트를 변경하는 방법은 무엇입니까?

Question

버튼을 클릭 할 때 다음 버튼의 ADD 텍스트를 "REMOVE"로 변경하고 싶습니다.

<input class="btn btn-6d" ahref="www.test.com" type="button" value="ADD"/> 

나는 이것에 대한 다음과 같은 jQuery 코드 사용 :

$(':input[type="button"][class="btn-6d"]').click(function(){ 
var $this = $(this); 
$this.toggleClass('btn-6d'); 
if($this.hasClass('btn-6d')){ 
    $this.value('ADD');   
} else { 
    $this.value('REMOVE'); 
} 
}); 

아마 내 선택기에 뭔가를하고 있어요을하지만 난 프로그래밍 비교적 새로운 그리고 난 '무엇을 알아낼 수 없습니다 잘못하고있다. 사전에

http://jsfiddle.net/stijn777/shzuwu0v/

감사합니다,

스테인

Answer 1

을 대신 val()의 value()를 사용했다 : 당신이 재생을 위해 여기

는 바이올린입니다. 아래 다른 건 정리 :

JSFiddle의 조금이다

// Find the element by the generic btn class 
    $(document).on('click', '.btn:input[type="button"]', function(){ 
     var $this = $(this); 
     $this.toggleClass('btn-6d'); 
     if($this.hasClass('btn-6d')){ 
      $this.val('ADD');   
     } else { 
      $this.val('REMOVE'); 
     } 
    }); 

Answer 2

http://jsfiddle.net/TrueBlueAussie/shzuwu0v/3/ 쉽게 생각, 당신은 단지 선택기로 클래스를 사용해야합니다. 또한 메소드 이름은 .val() 및

$('.btn.btn-6d').click(function() { 
 
    var $this = $(this); 
 
    
 
    $this.toggleClass('btn-6d'); 
 
    
 
    if ($this.hasClass('btn-6d')) { 
 
     $this.val('ADD'); // method name is .val() 
 
    } else { 
 
     $this.val('REMOVE'); 
 
    } 
 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 

 
<input class="btn btn-6d" ahref="www.test.com" type="button" value="ADD" />