我已经创建了计算项目。我的代码有输入字段名称估计物业税。这个输入字段有两种类型的值。这两种类型的值%和$ values。现在我的输入字段只得到%值,没有得到$值。我的旧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>
<td>
现在我已经创建了这个代码,单个输入值%值为默认值
<div class="row">
<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>
我的脚本图标更改:
函数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");
}
}
现在我的UI使用了单输入字段%和$ both value的加载单输入字段。现在我得到% value。如果用户将%更改为$值也需要更改。请帮助我,我只得到%的价值?如何改变点击功能的价值?
我不确定我完全理解,但似乎值是由您的php代码设置服务器端
value="<?php echo $dproperty_tax;?>"
使用javascript更改图像不会返回到服务器将%值替换为$值。我将像以前一样向DOM输出两个单独的输入字段。但是使用javascript来显示和隐藏适当的输入框。
或者,您可以使用数据属性来保存输入中的百分比和美元值,并使用javascript设置值。
<input name="propertytaxpc" class="txt" type="text" size="8" maxlength="8" data-percent="<?php echo $dproperty_tax;?>" data-dollar="<?php echo $TaxDollars;?>" value="<?php echo $dproperty_tax;?>" onChange="javascript:propertyTaxPcChanged(true)" />
然后在你的javascript代码
var taxInput = $('input[name="propertytaxpc"]');
if (ImageName == "percent.png") {
$(event.target).attr("src", "Content/Images/RedDoller.png");
taxInput.val(taxInput.attr('data-dollar'));
}
else {
$(event.target).attr("src", "Content/Images/percent.png");
taxInput.val(taxInput.attr('data-percent'));
}