我希望用户使用收音机复选框切换iframe的大小,我该怎么做?
我尝试过类似的东西 对于radiocheckbox,我做了这样的事情:<input id="othersize1" type="radio" name="size"reSize(60,400) onclick="" checked="checked" /><label for="othersize1">60x400</label>
<input id="othersize2" type="radio" name="size" onclick="reSize(1280,400)" /><label for="othersize2">1280x400</label>
iframe:
<iframe src="myphphere.php">Your browser don't supports iframes.</iframe>
答案 0 :(得分:0)
您可以使用jQuery
。
这是我刚才做的一个基本例子:
HTML:
<iframe id="iframe1" src="http://meatballcandy.com/wp-content/uploads/2012/09/nicholas-cage-as-et.png">
<p>Not Supported</p>
</iframe>
<div>
<input id="item1" type="radio" name="size" value="100" checked="checked" /><label for="item1">100x100</label>
<input id="item2" type="radio" name="size" value="200" /><label for="item2">200x200</label>
<input id="item3" type="radio" name="size" value="300" /><label for="item3">300x300</label>
</div>
JAVASCRIPT:
$(document).ready(function(){
$('input[type="radio"]').click(function(){
$('#iframe1').css({
'height': $(this).val() + 'px',
'width': $(this).val() + 'px'
});
});
});