就像我在问题中所说的那样...有没有办法点击复选框,该链接会更改为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'));}
})
可以轻松完成吗?
答案 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=',''));
})