Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.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/1/php/262.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
Javascript jquery简单计算函数_Javascript_Php_Jquery_Html_Jquery Plugins - Fatal编程技术网

Javascript jquery简单计算函数

Javascript jquery简单计算函数,javascript,php,jquery,html,jquery-plugins,Javascript,Php,Jquery,Html,Jquery Plugins,我想在这里计算并显示一个简单的jquery函数,但它没有显示出来 这是jQuery代码: function compute() { var a = $('#a').val(); var b = $('#pln').val(); var c = $('#c').val(); var d = a*b; var total = d+c; $('#total').val(total.toFixed(2)); } $('#a,

我想在这里计算并显示一个简单的jquery函数,但它没有显示出来

这是jQuery代码:

function compute() {
      var a = $('#a').val();
      var b = $('#pln').val();
      var c = $('#c').val();
      var d = a*b;
      var total = d+c;
      $('#total').val(total.toFixed(2));
    }
$('#a, #b, #c, #d').change(compute);
这是我想要实现它的表单代码,并显示计算出的值

        <div>
          <label style="margin-top: 25px;">Timer duration</label>
          <input type="radio" id="mc a" name="optionsRadios" value="<?php echo $at_fetch['at_mc']; ?>" style="margin-left: -170px; margin-top: 3px;">
          <font style='margin-left: -170px; font-family: "Lucida Sans Unicode",Arial;'><?php echo $at_fetch['at_mc']; ?> secs (Micro Ads)</font><br />
          <input type="radio" id="mn a" name="optionsRadios" value="<?php echo $at_fetch['at_mn']; ?>" style="margin-left: -170px; margin-top: 3px;">
          <font style='margin-left: -170px; font-family: "Lucida Sans Unicode",Arial;'><?php echo $at_fetch['at_mn']; ?> secs (Mini Ads)</font><br />
          <input type="radio" id="sd a" name="optionsRadios" value="<?php echo $at_fetch['at_sd']; ?>" style="margin-left: 62px; margin-top: 3px;">
          <font style='margin-left: -170px; font-family: "Lucida Sans Unicode",Arial;'><?php echo $at_fetch['at_sd']; ?> secs (Standard Ads)</font><br />
          <input type="radio" id="fd a" name="optionsRadios" value="<?php echo $at_fetch['at_fd']; ?>" style="margin-left: 62px; margin-top: 3px;">
          <font style='margin-left: -170px; font-family: "Lucida Sans Unicode",Arial;'><?php echo $at_fetch['at_fd']; ?> secs (Fixed Ads)</font><br />
        </div>

        <div style="margin-top: -60px;">
          <label>Choose plan</label>
          <select name="" id="pln" class="select-box" style="margin-top: -40px;"  />
          <option value="0">Choose clicks</option>
          <?php while($ac_fetch = mysql_fetch_array($qur_ac)){ ?>
          <option value="<?php echo $ac_fetch['adclk_clicks']; ?>"><?php echo $ac_fetch['adclk_clicks']; ?> clicks</option>
          <?php } ?>
          </select>
        </div>


        <div>
          <label>Fees</label>
          $<?php echo $paf_fetch['paf_fees']; ?>
          <input type="hidden" id="c" value="<?php echo $paf_fetch['paf_fees']; ?>" />
        </div>


        <div>
          <label>Total
          <input type="text" id="total" value="" disabled>
        </div></label>
        <br /><br />

计时器持续时间
秘书(微广告)
secs(迷你广告)
秒(标准广告)
秒(固定广告)
选择计划 选择点击 咔哒声 费用 $ 试试这个:
$('#total').html(total.toFixed(2))

html

计时器持续时间

秘书(微广告) 秘书(小型广告) 秘书(标准广告) 秘书(固定广告) 选择计划 选择点击 10 20 40 50 费用 全部的

已经添加了一些虚拟值来检查函数。

您可以尝试

   var total = a+b;                  
   $('#total :input').attr('value',total); 

问题是您正试图通过
id
从输入
无线电
元素中获取值
无线电
元素的标识符与
compute()
函数中显示的标识符不一致。此外,您应该通过检查
checked
状态来获取
radio
元素的值
更改代码,如下所示:

function compute() {
      var a = $("input[name='optionsRadios']:checked").val(),
          b = $('#pln').val(),
          c = $('#c').val(),
          d = a*b,
          total = d+c;
      $('#total').val(total.toFixed(2));
    }
$('input[name='optionsRadios'], #c, #pln').change(compute);

您确定
total.toFixed(2)
正在返回某些内容吗?当您只想更改文本或实现任何html值时,这将起作用。。。。此函数如何帮助我计算和显示值?请修改您的答案。
#total
是一个
div
标记,因此它不是
$.val()
函数。那么如果我使用。。。。现在,如果我使用此选项,请帮助我……我认为您误导了选择器,一个元素中不能有两个ID。
div
没有属性
。您应该尝试
.html()
.text()
   var total = a+b;                  
   $('#total :input').attr('value',total); 
function compute() {
      var a = $("input[name='optionsRadios']:checked").val(),
          b = $('#pln').val(),
          c = $('#c').val(),
          d = a*b,
          total = d+c;
      $('#total').val(total.toFixed(2));
    }
$('input[name='optionsRadios'], #c, #pln').change(compute);