JQuery实现页面参数修改

Posted 2023-03-13

<input id="$field9017$" class="InputStyle" name="field9017" value="[必填]收款金额" type="text" />
<input id="$field9024$" class="InputStyle" name="field9024" value="[必填]利率（%）" type="text" />
<input id="$field9016$" class="InputStyle" name="field9016" value="[必填]收款日期" type="text" />
<input id="$field9026$" class="InputStyle" name="field9026" value="[必填]到期还款日" type="text" />

<input id="$field9025$" class="InputStyle" name="field9025" value="[必填]利息" type="text" />
想用JQuery实现以下功能，在页面录入的时候，自动实现利息的自动计算。
到期还款日 - 收款日期为天数，天数的计算公式已写好，想实现，当修改上述4个参数的时候，自动计算利息。
当为负值时，利息写为0。请大神赐教。
公式为：
利息 = (（收款金额 * 利率） / 3600 ) * ( 到期还款日 - 收款日期 )

function DateDiff(sDate1, sDate2)

//sDate1和sDate2是yyyy-MM-dd格式
var aDate, oDate1, oDate2, iDays;
aDate = sDate1.split("-");
//转换为yyyy-MM-dd格式
oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);
aDate = sDate2.split("-");
oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);
//把相差的毫秒数转换为天数
iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 / 24);
//返回相差天数
alert(iDays);
return iDays;

参考技术A 一句话概括，纯html页面之间的传值可以通过url后面的参数进行比如：

b.html?teacher=xx&time=xxx

回到问题中，首先从a.html到b.html需要一个跳转方式，比方说在a.html页面里面你有一个链接：

<a href="b.html" id="toPageB">跳转到b页面</a>

剩下的就好办了，依次取得你需要的参数，然后修改页面url:

var dataFromLi=[$("#Teachername").text(),$("#Credit_hour").text()];
$("#toPageB").attr("href","b.html?data="+dataFromLi);

然后在b.html页面解析url，获取参数。

更新，如何根据url获取参数：

window.location.search 会返回所有地址栏从“?”开始的字符串。获取某个参数值可以通过正则，下面是一个简单的获取参数的函数：

function getURLParameter(name)
return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;


如果你采用jQuery，你可以用更简单的办法：

$.url().param('data');追问

系统我动不了，我只能在前台页面加脚本函数。您帮忙给考虑下脚本函数呗。