2012-11-14 207 views
0

晚报,JQUERY:乘法输入元素选择框,单选按钮和隐藏的输入

我tyring乘以不同的输入元素,但由于某种原因,它给了我一个NAND错误。随着用户选择,检查或修改任何元素的值。这应该改变总金额。

http://jsfiddle.net/aQ5K8/

<select name="select"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 
<input name="radio" type="radio" id="radio" value="10" tvalue="100" /> 
<input name="radio" type="radio" id="radio" value="20" tvalue="200" /> 
<label id="Total"></label> 

此外,如果你看看的的jsfiddle代码,我tvalue = 100,另一种是= 200作为一个自定义属性,我将如何访问,而不是访问常规的HTML值。

谢谢。

回答

0

错字:请确保您使用的ID作为jQuery选择器是正确的。我看到id="amazon25"和选择器是$("#amazon5")和其他2个元素。也许你的意思是这样的http://jsfiddle.net/bondythegreat/2Pzyz/

+2

投,有没有'ID = select'要么 – charlietfl

+0

@charlietfl烨,那也太 – bondythegreat

+0

得到它固定http://jsfiddle.net/463R7/除了现在,当我在选择收音机后更改选择框时,计算会受到影响 – momoterraw

0

那么,检查这个jsFiddle,它的工作原理。

http://jsfiddle.net/aQ5K8/5/

问题与name代替id HTML和amazon5,而不是amazon25在JavaScript中。

0

检查下面的链接后

http://jsfiddle.net/aQ5K8/

,我们会得到下面的问题

  1. 选择的元素没有ID为 “选择” 等$( “#选择”)获不会返回元素。 2.Similarly在下面的代码有id为amazon5没有元素,cash5

    var amazon5= parseFloat$('#amazon5').val(); 
    var cash5 = parseFloat($('#cash5').val()); 
    

我们建议您参考下面的代码

HTML

<select name="select" id="select"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 

脚本

$("input[type=radio][name=radio]").click(function() { 
var quantity = parseFloat($(this).val()); 
var amazon5= parseFloat($('#amazon25').val()); 
var cash5 = parseFloat($('#cash25').val()); 
var radio = $(this).val(); 
var select = parseFloat($('#select').val()); 
$('#Total').text((select * radio * amazon5)); 

}); 

参考以获取更多信息的链接 http://jsfiddle.net/bondythegreat/2Pzyz/

感谢

+0

http://jsfiddle.net/kUaPX/使用自定义属性而不是常规值。感谢您指点我正确的方向。 – momoterraw

相关问题