Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquerymath&;变量_Jquery - Fatal编程技术网

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)),由于以下两个原因无法工作:

  • $total不是d