html - 我可以做些什么来单击 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>

我想这可以用javascript/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 一个 id：

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

然后添加 javascript 部分（在我的 jQuery 示例中）：我不确定您想如何更改它。我想你只是想删除 "watch?v="

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

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

示例：http: //jsfiddle.net/E3f9M/