单击使用Javascript的选择按钮时，在另一个窗口上显示图像

Question

您好，我是Java语言世界的新手，我真的很需要学校项目的帮助。 我想做的是，不仅在窗口上显示带有价格的文本，还显示图像本身。 我试图在图像上添加ID并将其添加到功能。 有人吗 我在body元素中有以下代码以及其他图像：

Nike 1价格：$ 110.99
大小：9 10 11

       <input type= submit value=submit onclick="a()">

这是我的脚本功能：

       <script>
       function a(){
       var size ="";
       var price = 0;
       if(document.getElementById('nike1').checked)
       {
       price=document.getElementById("nike1").value;
       var x =document.getElementById("myimg").src;
       }

       else if(document.getElementById('nike2').checked)
       {
       price=document.getElementById('nike2').value;
       }

       var inputs = document.getElementsByName('r1');
       for(var i =0; i<inputs.lenght; i++){
       if(inputs[i].checked){
       size = inputs[i].value;
       }
       }


       var inputs1 = document.getElementsByName('r2');
       for(var i =0; i <inputs1.lenghts;i++){
       if(inputs1[i].checked){
       size=inputs1[i].value;
       }
       }

       var myWindow = window.open("","MsgWindow","width=200,height=400");
       myWindow.document.write("<p><h1>Order Detail</h1> Your ordered Nike shoes<br/>                                                                                        Size:"+size + "<br/>Price:S"+ price + "</p>");

}

Answer 1

请缩进代码以提高可读性。 在这里，它有点清理并有错误修复。

   function a() {
       var size, price;
       if (document.getElementById('nike1').checked) {
           price = document.getElementById("nike1").value;
           var x = document.getElementById("myimg").src;
       } else if (document.getElementById('nike2').checked) {
           price = document.getElementById('nike2').value;
       }

       var inputs = document.getElementsByName('r1');
       for (var i = 0; i < inputs.length; i++) {
           if (inputs[i].checked) {
               size = inputs[i].value;
           }
       }


       var inputs1 = document.getElementsByName('r2');
       for (var i = 0; i < inputs1.length; i++) {
           if (inputs1[i].checked) {
               size = inputs1[i].value;
           }
       }

       var myWindow = window.open("", "MsgWindow", "width=200,height=400");
       myWindow.document.write('<p><h1>Order Detail</h1> Your ordered Nike shoes<br/>'+
       '<img src="path/to/your/image.png" alt="Nike shoes"></img>'+
       '<p>Size: ' + size + '<br/>Price: ' + price + '</p>');
   }

要解决您的问题，请编写带有src属性的img元素。 将“ path / to / your / image.png”更改为要显示的图像的真实路径。

您的代码中也有错误。 您的两个for循环包含错误的值：您在第一个中写了长度，在第二个中写了长度。 我修好了它。 我对其进行了测试，并且可以正常工作。 这种提琴非常简单且不完整，但可以向您显示结果。