2015-09-03 123 views
-2

真的卡住了這個概念。在我的舊代碼中,有%輸入字段和$輸入字段的單獨輸入字段。其工作。Onclick圖像更改輸入值

舊UI代碼:

<td>Estimate Property Tax</td> 
     <td> 
      <input name="propertytaxpc" type="text" size="8" maxlength="8" value="<?php echo $dproperty_tax; ?>" onChange="javascript:propertyTaxPcChanged(true)" /> 
     %</td> 
     <td>Or $ 

      <input name="propertytaxamt" type="text" size="8" maxlength="8" onChange="javascript:propertyTaxAmountChanged(true)" /> 
      </td> 

OLD UI我已經使用兩個分開的輸入字段%$。其工作。現在,我使用單輸入字段

新UI代碼更改新的UI代碼

<div class="col-md-4 padding-rht bdy"> 
    <label id="lblEstimatePropertyTax"class="pull-left"style="font-weight: 600"> 
    Estimate Property Tax</label> 
    </div> 

<div class="col-md-3 padding-rht"> 
    <input name="propertytaxpc" class="txt" type="text" size="8" maxlength="8" value="<?php echo $dproperty_tax;?>" onChange="javascript:propertyTaxPcChanged(true)" /> 


      </div> 

    <div class="col-md-1 padding-lft"> 
    <img src="Content/Images/percent.png" onclick="changeColor(event,this.src)" style="cursor:pointer"/> 
      </div> 

在我的UI我使用圖像圖標%$。在我之前的代碼中我AM 使用%$的每個輸入字段。現在我正在使用新的UI,使用%$圖像。當用戶更改%$圖像圖標值也發生變化。

我已經厭倦了許多方法,真正堅持與理念 已經創建的圖標更改腳本:

function changeColor(event, _src) { 
     var fname = _src; 
     var ImageName = fname.substring(fname.lastIndexOf('/') + 1); 
     //alert(ImageName); 
     if (ImageName == "percent.png") { 
      $(event.target).attr("src", "Content/Images/RedDoller.png"); 
     } 
     else { 
      $(event.target).attr("src", "Content/Images/percent.png"); 
     } 
    } 

現在我想爲ONCLICK圖像變化傳遞價值?當用戶改變圖像值需要改變時。 請幫助我任何身體真的我堅持這個概念?在此先感謝

回答

0

的js改變圖像

<img id="myImage" onclick="changeImage()" src="D:\\Images\\Img1.jpg" width="100" height="100"> 
<p id="myImageText">10</p> 
</image> 

腳本

<script type="text/javascript"> 
function changeImage() { 
    var image = document.getElementById('myImage'); 
    var txt = document.getElementById('myImageText'); 
    if (image.src.match("Img1")) { 
     image.src = "D:\\Images\\Img2.jpg"; 
     txt.innerHTML = '20'; 
    } else { 
     image.src = "D:\\Images\\Img1.jpg"; 
     txt.innerHTML = 10; 
    } 
} 
</script> 

發生在年底,所有的腳本標籤數據,以便在頁面加載快。

+0

yash我需要傳遞值已經圖像更改腳本工作Yash。我想傳遞兩個值單個輸入字段。當用戶改變圖像時該值會改變 –