JQUERY：乘法輸入元素選擇框，單選按鈕和隱藏的輸入

我tyring乘以不同的輸入元素，但由於某種原因，它給了我一個NAND錯誤。隨着用戶選擇，檢查或修改任何元素的值。這應該改變總金額。

<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值。

謝謝。

來源

2012-11-14 momoterraw

錯字：請確保您使用的ID作爲jQuery選擇器是正確的。我看到id="amazon25"和選擇器是$("#amazon5")和其他2個元素。也許你的意思是這樣的http://jsfiddle.net/bondythegreat/2Pzyz/

來源

2012-11-14 04:40:13 bondythegreat

投，有沒有'ID = select'要麼 – charlietfl

@charlietfl燁，那也太 – bondythegreat

得到它固定http://jsfiddle.net/463R7/除了現在，當我在選擇收音機後更改選擇框時，計算會受到影響 – momoterraw

那麼，檢查這個jsFiddle，它的工作原理。

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

問題與name代替id HTML和amazon5，而不是amazon25在JavaScript中。

來源

2012-11-14 04:56:01

檢查下面的鏈接後

http://jsfiddle.net/aQ5K8/

，我們會得到下面的問題

選擇的元素沒有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/

感謝

來源

2012-11-14 05:26:10

http://jsfiddle.net/kUaPX/使用自定義屬性而不是常規值。感謝您指點我正確的方向。 – momoterraw

JQUERY：乘法輸入元素選擇框，單選按鈕和隱藏的輸入

回答

相關問題