jquery - JQUERY: 入力要素を乗算すると、選択ボックスとラジオ ボックスと非表示の入力が表示されます

Question

夜、

さまざまな入力要素を乗算しようとしていますが、何らかの理由で 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 があり、もう 1 つは =200 です。通常の html 値にアクセスする代わりに、どのようにアクセスしますか。

ありがとうございました。

Answer 1

タイプミス：jqueryセレクターとして使用するIDが正しいことを確認してください。見id="amazon25"て、セレクターは$("#amazon5")と他の2つの要素です。おそらくあなたはこのようなものを意味しますhttp://jsfiddle.net/bondythegreat/2Pzyz/

Answer 2

さて、このjsFiddleをチェックしてください。動作します。

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

html の代わりに、JavaScriptのname代わりに問題があります。idamazon5amazon25

Answer 3

After checking the below link

http://jsfiddle.net/aQ5K8/

we will get the following issue

1. select element not having id as "select" and so $("#select") won't return the element. 2.Similarly in below code the there is no element with id amazon5,cash5

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

We suggest you to refer the below code

HTML

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

Script

$("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));

});

Refer the link for more information http://jsfiddle.net/bondythegreat/2Pzyz/

Thanks