html 체크 박스를 클릭하고 html 입력 내용을 변경하려면 어떻게해야합니까?

Question

질문에서 말한 것처럼 ... 확인란을 클릭하는 방법이 있습니까? 해당 링크가 http://youtu.be/kffacxfA7G4으로 변경됩니까? 코드의

예 :

<div class="embed-code"> 
     <textarea rows="" cols="">http://www.youtube.com/watch?v=kffacxfA7G4</textarea> 
     <label> 
      <input type="checkbox" /> 
      Short URL</label> 
     </div> 

나는이는 자바 스크립트/JQuery와 함께 할 수있는 생각하고 ...

사람이를 사용?

이 같은 그것을 관리했습니다 : : 편집

미리 감사드립니다 ... http://jsfiddle.net/tpLfS/

$('#myCheckBox').click(function(){ var myLink = $('#myTextarea'); 

if ($('#myCheckBox:checked').val() !== undefined){ //checked 
myLink.val(myLink.val().replace('http://www.youtube.com/watch?v=kffacxfA7G4','http://youtu.be/kffacxfA7G4'));} 

else { //not checked  
myLink.val(myLink.val().replace('http://youtu.be/kffacxfA7G4','http://www.youtube.com/watch?v=kffacxfA7G4'));} 

}) 

그것은 쉽게 할 수 있습니까? 쿼리에서

Answer 1

는 아주 간단합니다 :

이

<textarea rows="" cols="" id="myTextarea">...</textarea> 
<input id="myCheckBox" type="checkbox" /> 

다음 (jQuery로 내 예제에서) 자바 스크립트 부분을 추가합니다 : 당신이 원하는 방법 임 확실하지 먼저 당신의 체크 박스 및 텍스트 영역에게 ID를 제공해야 그것을 바꿀 수 있습니다. 난 그냥 "? 시계 V ="를 제거 할 생각

$('#myCheckBox').click(function(){ 
    var myLink = $('#myTextarea'); 

    myLink.val(myLink.val().replace('watch?v=','')); 
})​ 

예 : http://jsfiddle.net/E3f9M/