如何让JavaScript动态？

我想移动document.getElementById("b")在循环中检查。是否有可能？那我怎么能让它发生。请帮助我。如何让JavaScript动态？

<img class="img-responsive pic" id="picture" src="images/step1.png"> 
<?php 
        //get rows query 
        $query = $db->query("SELECT * FROM `template_design` WHERE `panel` = 'front'");  

        if($query->num_rows > 0){ 
         while($row = $query->fetch_assoc()){ 
         $im_id = $row['id']; 
         $images = "images/" .$row['image']. "";       
        ?> 
       <div class="col-md-4 col-sm-4 wel-grid wow fadeInDown"> 
        <div class="wel11"> 
         <input type="radio" id="<?php echo 'radio_'.$im_id; ?>" name="front" onClick="changeSrc(<?php echo $im_id; ?>)"> 
         <label for="<?php echo 'radio_'.$im_id; ?>" style="font-size:12px; cursor: pointer;"> 
         <img id="<?php echo 'picture_'.$im_id; ?>" style="border: 1px solid #ccc;" class="img-responsive" src="<?php echo $images; ?>"></label> 
        </div> 
       </div> 
      <?php } } ?> 

    <script type="text/javascript"> 
    function changeSrc(id) { 
     if (document.getElementById("radio_"+id).checked) { 
    document.getElementById("picture_"+id).src = "images/Ppicture3.png"; 
     } 
} 
    </script>

我想在循环中重复它，因为fradio0即$ front将增加，JavaScript也循环重复以匹配每个循环。在此先感谢

来源

2017-08-12 Swagatika

你错过了一个“}”脚本 – Tigris

编辑上面的代码，只是错过了这里。 – Swagatika

现在解决还是仍然有问题？ – Tigris

请试试这个。通过无线电ID作为ATTR ID &保存每个图像的各自的ID，其次是各自的ID.png。同时从你的html代码中删除onclick函数。

<script type="text/javascript"> 
    $("input:radio[name=front]").click(function() { 
    var id= $(this).attr('id'); 
    document.getElementById("picture").src = "panel/front/" + id + ".png"; 
    }); 
</script>

来源

2017-08-14 07:12:41 Pradnya

Thanks @pradnya它工作正常。 – Swagatika

你可以用你的身份证传递参数，例如：

<input type="radio" id="<?php echo 'radio_'.$im_id; ?>" name="<?php echo $fname; ?>" onClick="changeSrc(<?php echo $im_id; ?>)">

，并用它在脚本像

<script type="text/javascript"> 
    function changeSrc(id) { 
     if (document.getElementById("radio_"+id).checked) { 

     } 
    } 
    </script>

来源

2017-08-12 06:48:19

感谢您的回答，但'越来越 '未捕获的SyntaxError：意外的输入结束'错误 – Swagatika

您可以更新您的问题的修改后的代码，以便我可以确定你犯了什么错误。 –

使用更新的代码进行编辑，请检查。 – Swagatika

如何让JavaScript动态？

回答

相关问题