如何讓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動態？

回答

相關問題