如何单击html复选框并更改html输入的内容?

时间:2012-08-23 17:04:03

标签: html javascript jquery

就像我在问题中所说的那样...有没有办法点击复选框,该链接会更改为http://youtu.be/kffacxfA7G4

enter image description here

代码示例:

<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'));}

})

可以轻松完成吗?

1 个答案:

答案 0 :(得分: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/