Javascript 单击时更改值功能

Javascript 单击时更改值功能,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有单个输入字段,即估算财产税。此输入字段获取两种类型的值 第一个值以%为单位 第二个值在$ 这是我的代码: <td>Estimate Property Tax </td> <td> <input name="propertytaxpc" type="text" size="8" maxlength="8" value="<?php echo $dproperty_tax; ?>" onChange="javascript:prope

我有单个输入字段,即
估算财产税
。此输入字段获取两种类型的值

  • 第一个值以%为单位

  • 第二个值在$

  • 这是我的代码:

    <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>
    <td>
    

    如何从单个输入字段传递两个值?现在只更改图标?

    您可以执行以下操作:

    onclick="changeColor(event,this.src, document.querySelector('input[name=propertytaxpc]').value,document.querySelector('input[name=propertytaxamt]').value)"
    

    不工作我已经更新了我的脚本请看我的脚本中有什么错误请看
     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");
                document.querySelector('input[name=propertytaxpc]').value();
            }
            else {
                $(event.target).attr("src", "Content/Images/percent.png");
                document.querySelector('input[name=propertytaxamt]').value();
           }
        }
    
    onclick="changeColor(event,this.src, document.querySelector('input[name=propertytaxpc]').value,document.querySelector('input[name=propertytaxamt]').value)"