JQUERY:乘以输入元素选择框和单选框以及隐藏输入

时间:2012-11-14 04:32:44

标签: jquery

晚上,

我想要增加不同的输入元素,但由于某种原因,它给了我一个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值。

谢谢。

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

好吧,检查一下这个jsFiddle,它有效。

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

问题与name而不是html中的id和JavaScript中的amazon5而不是amazon25一样。

答案 2 :(得分:0)

检查以下链接后

http://jsfiddle.net/aQ5K8/

我们将得到以下问题

  1. 选择没有id为“select”的元素,因此$(“#select”)将不返回该元素。 2.同样在下面的代码中没有id为amazon5,cash5

    的元素
    var amazon5= parseFloat$('#amazon5').val();
    var cash5 = parseFloat($('#cash5').val());
    
  2. 我们建议您参考以下代码

    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/

    由于