Javascript jquery简单计算函数
我想在这里计算并显示一个简单的jquery函数,但它没有显示出来 这是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,
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);