Question

Like i’ve said in the question… Is there a way to click the checkbox and that link will change to http://youtu.be/kffacxfA7G4?

Example of code:

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

I am thinking this can be done with javascript/jquery…

Is anybody using this? Thanks in advance…

EDIT :

I’ve managed to do it like this: 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'));}

})

Can it be done easily?

Answer 1

In query its pretty simple: first you need to give your checkbox and textarea an id:

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

then you add the javascript part (in my example with jQuery):
Im not sure how you want to change it. I think you just want to remove the “watch?v=”

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

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

Example: http://jsfiddle.net/E3f9M/