jquerymath&;变量
我试图获取一个变量(文本输入的值)并对其进行数学运算,然后将结果输出到另一个元素 我遇到了一些问题,即它不起作用jquerymath&;变量,jquery,Jquery,我试图获取一个变量(文本输入的值)并对其进行数学运算,然后将结果输出到另一个元素 我遇到了一些问题,即它不起作用 这是我的代码-。尝试使用JavaScript函数parseInt 尝试使用JavaScript函数parseInt $('#element_3').val() 使用输入字段时,需要使用来检索其值 编辑更清楚地说,通过“需要使用”我是说它比现有代码好,var$months=$(“#element_3”)。如果我描述必要性的方式不准确,我深表歉意 根据我所能拼凑的,这就是我想到的。我
这是我的代码-。尝试使用JavaScript函数parseInt 尝试使用JavaScript函数parseInt
$('#element_3').val()
使用输入字段时,需要使用来检索其值
编辑更清楚地说,通过“需要使用”我是说它比现有代码好,var$months=$(“#element_3”)
。如果我描述必要性的方式不准确,我深表歉意
根据我所能拼凑的,这就是我想到的。我想这就是你要找的。如果不是,我希望这至少是朝着解决方案迈出的一步(并帮助您理解jQuery是如何工作的)。如果你有任何问题,请发表评论,我会尽力回答 从以下内容开始:(工作示例)
(拼写错误,“kepress”->“keypress”) HTML
<html>
<head>
...
<script type="text/javascript">
$(function(){
$('input[name=select]').change(function(){
$('#select').text($(this).val());
});
$('#element_1').bind('keydown keyup keypress', function(){
$('#advertiserNameDisplay').html($(this).val());
});
$('#element_2').bind('keydown keyup keypress', function(){
$('#adImageDisplay').text($(this).val());
});
$('#element_3').bind('keydown keyup keypress', calcPrice);
function calcPrice(){
var months = parseInt($('#element_3').val());
if (!isNaN(months)){
var rate = 1;
if (months >= 1 && months < 3){
rate = 199;
}else if (months >= 3 && months < 6){
rate = 175;
}else{
rate = 150;
}
var price = rate * months;
$('#rate').text(rate);
$('#months').text(months);
$('#total').text(price);
}else{
$('#months').text('-');
}
}
calcPrice();
});
</script>
...
</head>
<body>
...
<fieldset>
<legend>Configured Values</legend>
<table>
<tr>
<td>Ad:</td>
<td><input type="text" name="select" value="" /></td>
</tr>
<tr>
<td>Name:</td>
<td><input type="Text" id="element_1" value="" /></td>
</tr>
<tr>
<td>Ad Image URL:</td>
<td><input type="text" id="element_2" value="" /></td>
</tr>
<tr>
<td>Months:</td>
<td><input type="text" id="element_3" value="12" /></td>
</tr>
</table>
</fieldset>
<br /><br />
<ul>
<li>Ad Selected: #<span id="select"></span></li>
<li>Your Name: <span id="advertiserNameDisplay"></span></li>
<li>Your Image URL: <span id="adImageDisplay"></span></li>
<li>Your total is $<span id="total"></span>.00 at a rate of $<span id="rate"></span>.00 per month for <span id="months"></span> months.</li>
</ul>
...
</body>
</html>
...
$(函数(){
$('input[name=select]')。更改(函数(){
$('#select').text($(this.val());
});
$(“#元素_1”).bind('keydown-keyup-keypress',function(){
$('#广告商名称显示').html($(this.val());
});
$('#element_2').bind('keydown keyup keypress',function(){
$('#adImageDisplay').text($(this.val());
});
$('u#element_3').bind('keydown-keyup-keypress',calcPrice);
函数calcPrice(){
var months=parseInt($('#element_3').val();
如果(!isNaN(月)){
var率=1;
如果(月数>=1和月数<3){
比率=199;
}否则,如果(月数>=3个月和月数<6个月){
比率=175;
}否则{
比率=150;
}
var价格=利率*月份;
$('费率')。文本(费率);
$('月')。文本(月);
$(#total')。文本(价格);
}否则{
$(“#月”)。文本(“-”);
}
}
calcPrice();
});
...
...
配置值
广告:
姓名:
广告图片URL:
月:
- 广告选择:#
- 您的姓名:
- 您的图像URL:
- 您的总金额为.00美元,每月费率为.00美元,持续数月
...
(不要介意字段集,我用它来模拟你的控件)
使用输入字段时,需要使用来检索其值
编辑更清楚地说,通过“需要使用”我是说它比现有代码好,var$months=$(“#element_3”)
。如果我描述必要性的方式不准确,我深表歉意
根据我所能拼凑的,这就是我想到的。我想这就是你要找的。如果不是,我希望这至少是朝着解决方案迈出的一步(并帮助您理解jQuery是如何工作的)。如果你有任何问题,请发表评论,我会尽力回答 从以下内容开始:(工作示例)
(拼写错误,“kepress”->“keypress”) HTML
<html>
<head>
...
<script type="text/javascript">
$(function(){
$('input[name=select]').change(function(){
$('#select').text($(this).val());
});
$('#element_1').bind('keydown keyup keypress', function(){
$('#advertiserNameDisplay').html($(this).val());
});
$('#element_2').bind('keydown keyup keypress', function(){
$('#adImageDisplay').text($(this).val());
});
$('#element_3').bind('keydown keyup keypress', calcPrice);
function calcPrice(){
var months = parseInt($('#element_3').val());
if (!isNaN(months)){
var rate = 1;
if (months >= 1 && months < 3){
rate = 199;
}else if (months >= 3 && months < 6){
rate = 175;
}else{
rate = 150;
}
var price = rate * months;
$('#rate').text(rate);
$('#months').text(months);
$('#total').text(price);
}else{
$('#months').text('-');
}
}
calcPrice();
});
</script>
...
</head>
<body>
...
<fieldset>
<legend>Configured Values</legend>
<table>
<tr>
<td>Ad:</td>
<td><input type="text" name="select" value="" /></td>
</tr>
<tr>
<td>Name:</td>
<td><input type="Text" id="element_1" value="" /></td>
</tr>
<tr>
<td>Ad Image URL:</td>
<td><input type="text" id="element_2" value="" /></td>
</tr>
<tr>
<td>Months:</td>
<td><input type="text" id="element_3" value="12" /></td>
</tr>
</table>
</fieldset>
<br /><br />
<ul>
<li>Ad Selected: #<span id="select"></span></li>
<li>Your Name: <span id="advertiserNameDisplay"></span></li>
<li>Your Image URL: <span id="adImageDisplay"></span></li>
<li>Your total is $<span id="total"></span>.00 at a rate of $<span id="rate"></span>.00 per month for <span id="months"></span> months.</li>
</ul>
...
</body>
</html>
...
$(函数(){
$('input[name=select]')。更改(函数(){
$('#select').text($(this.val());
});
$(“#元素_1”).bind('keydown-keyup-keypress',function(){
$('#广告商名称显示').html($(this.val());
});
$('#element_2').bind('keydown keyup keypress',function(){
$('#adImageDisplay').text($(this.val());
});
$('u#element_3').bind('keydown-keyup-keypress',calcPrice);
函数calcPrice(){
var months=parseInt($('#element_3').val();
如果(!isNaN(月)){
var率=1;
如果(月数>=1和月数<3){
比率=199;
}否则,如果(月数>=3个月和月数<6个月){
比率=175;
}否则{
比率=150;
}
var价格=利率*月份;
$('费率')。文本(费率);
$('月')。文本(月);
$(#total')。文本(价格);
}否则{
$(“#月”)。文本(“-”);
}
}
calcPrice();
});
...
...
配置值
广告:
姓名:
广告图片URL:
月:
- 广告选择:#
- 您的姓名:
- 您的图像URL:
- 您的总金额为.00美元,每月费率为.00美元,持续数月
...
(不要介意字段集,我用它来模拟你的控件)试试这样的方法
var newVal=parseInt($('#sourcElement').val()) 试试这样的东西
var newVal=parseInt($('#sourcElement').val()) 首先,建议至少从以下内容开始脚本部分:
<script type="text/javascript">
。。。应改为:
var $months = parseInt($('#element_3').val());
// check if the value if an integer and reset it to 0 if it's not
if (isNaN($months)) {
$months = 0;
}
。。。或:
var $months = $('#element_3').length;
(我不能确切地说,因为我在页面上没有看到#element_3-它可以是下拉列表或文本框)
然后,第34行包含:$('#total').html(document.write($total)),由于以下两个原因无法工作: