title: Onclick image change the input value
body: <p>Really stuck with this concept. IN my Old code have  separate input fields for <code>%</code>  input fields and <code>$</code>  input fields. its Working.  </p>
  
  <p><strong>Old UI code :</strong></p>
  
  <pre><code> &lt;td&gt;Estimate Property Tax&lt;/td&gt;
          &lt;td&gt;
            &lt;input name="propertytaxpc" type="text" size="8" maxlength="8" value="&lt;?php echo $dproperty_tax; ?&gt;" onChange="javascript:propertyTaxPcChanged(true)" /&gt;
          %&lt;/td&gt;
          &lt;td&gt;Or $ 
  
            &lt;input name="propertytaxamt" type="text" size="8" maxlength="8" onChange="javascript:propertyTaxAmountChanged(true)"  /&gt;
            &lt;/td&gt;
  </code></pre>
  
  <p>OLD UI i have used two  separate  input fields for <code>%</code> and <code>$</code>. its Working.  Now i changed NEW UI code </p>
  
  <p>using Single Input Fields </p>
  
  <p><strong>NEW UI CODE:</strong></p>
  
  <pre><code>&lt;div class="col-md-4 padding-rht bdy"&gt;
       &lt;label id="lblEstimatePropertyTax"class="pull-left"style="font-weight: 600"&gt;
       Estimate Property Tax&lt;/label&gt;
       &lt;/div&gt;
  
  &lt;div class="col-md-3 padding-rht"&gt;
     &lt;input name="propertytaxpc" class="txt" type="text" size="8" maxlength="8" value="&lt;?php echo $dproperty_tax;?&gt;" onChange="javascript:propertyTaxPcChanged(true)" /&gt;
  
  
            &lt;/div&gt;
  
    &lt;div class="col-md-1 padding-lft"&gt;
     &lt;img src="Content/Images/percent.png" onclick="changeColor(event,this.src)" style="cursor:pointer"/&gt;
            &lt;/div&gt;
  </code></pre>
  
  <blockquote>
    <p>In My UI I'm Using IMAGE ICON FOR <code>%</code> AND <code>$</code> . In My Previous Code I AM
    Using Each Input Fields for <code>%</code> and<code>$</code>. Now i'm  Using new UI using <code>%</code> AND
    <code>$</code> Image .when user change <code>%</code> to <code>$</code> Image Icon values also changes.</p>
  </blockquote>
  
  <p>i have tired many method really stuck with concept 
   already created ICON change script:</p>
  
  <pre><code> 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");
         }
      }
  </code></pre>
  
  <p>Now i want pass value for Onclick image change ? when user change image value need to change.
   please help me any body really i am stuck with this concept ? thanks in advance </p>