ページ内の画像を取得してプリントする方法

Question

ページ内の画像を印刷したいと思います。ここに私のコード私はそれが画像のURLを出力し、画像選択したラジオボタンをクリックした

<form method="post" action="" enctype="multipart/form-data"> 
 
    <input type="radio" value="<img src='images/image1.jpg'>"> 
 
    <img src="images/image1.jpg" width="50px" height="50px"><br/> 
 
    <input type="radio" value="<img src='images/image2.jpg'>"> 
 
    <img src="images/image2.jpg" width="50px" height="50px"><br/> 
 
    <input type="radio" value="Both" />Both<br/> 
 
</form> 
 

 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
    $("input:radio[type=radio]").click(function(){ 
 
     var value = $(this).val(); 
 
     $('#showoption').val(value); 
 
    }); 
 
</script> 
 

 
<label>Value</label> \t 
 
<input type="text" id="showoption" name="name" disabled="disabled"> \t 
 
</label>

です。選択したイメージを印刷する方法。

Answer 1

あなたはsrcで正確なイメージタグを取得していますので、あなたがする必要があるのはちょうどページのHTMLに入れてください。だから私はdivで入力ボックスを変更し、クリックするとdivがImageタグで埋められます。実行

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$("input:radio[type=radio]").click(function() { 
var value = $(this).val(); 
$('#showoption').html(value); 
    }); 
</script> 

<label>Value</label> 

<div id="showoption"></div>