Question

真的坚持这个概念。在我的旧代码中，%输入字段和$输入字段具有单独的输入字段。它的工作。

旧的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>

在我的界面中我使用IMAGE ICON for %和$。在我之前的代码中我使用%和$的每个输入字段。现在我使用% AND使用新的用户界面 $图片。当用户将%更改为$图片图标值也会发生变化。

我已经厌倦了许多真正坚持概念的方法已经创建了ICON更改脚本：

 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图像更改的传递值？当用户更改图像值需要更改时。请帮助我任何身体真的我坚持这个概念？提前谢谢

Answer 1

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>

将所有脚本标记数据放在最后，以便页面加载速度快。

Onclick图像更改输入值

1 个答案: