2013-01-31 83 views
0

檢查這個小提琴jQuery的編程計算和計算

http://jsfiddle.net/8FXFE/6/

此代碼時從name="txtNumber"一個單選按鈕改變顯示的短信..

現在什麼即時試圖實現的是使公式基於值name="txtSpace" & name="txtNumber"單選按鈕..

我的目標是,假設有人點擊o n txtNumber字段中的單選按鈕和txtSpace字段中的另一個選項應在「輸出」窗口中進行一些計算。 計算可以在txtNumber字段txtSpace字段中添加所選無線電的值。

但我在代碼中卡住,不知道如何改變它?

垃圾代碼

<div class="textForm"> 
<input type="radio" name="txtNumber" value="100" checked="checked" />100 
<input type="radio" name="txtNumber" value="200" />200 
<input type="radio" name="txtNumber" value="500" />500 
<input type="radio" name="txtNumber" value="1000" />1000 
<input type="radio" name="txtNumber" value="10000" />10000 
<input type="radio" name="txtNumber" value="other" />other 
<input type="text" name="other_field" id="other_field" onblur="checktext(this);" 
/> 
</div> 
+0

你想在輸出部分做什麼?你可以把任何例子或類似 – polin

回答

1

如果我有你的問題,你想要顯示一個由兩個選中的無線電輸入確定的輸出。

$(document).ready(function() { 
    console.log("parsed"); 
    $("input[name='txtNumber'],input[name='txtSpace']").change(function() { 
     $("#output").text("Changed to "+$("input[name='txtNumber']:checked").val() + " " +$("input[name='txtSpace']:checked").val()); 
    }); 
}); 

http://jsfiddle.net/8FXFE/8/

0

我想你只需要建立你的字符串?

http://jsfiddle.net/8FXFE/7/

$("#output").text("Changed to " + $("input[name='txtNumber']:checked").val()); 

,或者如果你既想輸出組合,你可以嘗試像...

http://jsfiddle.net/8FXFE/10/

$("#output")[0].innerHTML ="Changed to " + $(this).val() + "<br/>" + 
    $('input[name="txtSpace"]:checked').val() + ' ' + 
    $('input[name="txtNumber"]:checked').val(); 

..although你不說什麼計算應該發生,因爲'空間1 * 1000'沒有意義,'RJ * 200'等都沒有意義。所以我剛剛組合了兩個無線電選擇。

+0

$(「input [name ='txtNumber']:checked」)可以是$(this) –

+0

@ravloony - true –

0

使用change()功能和:checked.val()得到檢查單選按鈕的值..並加入txtNumber和值txtSpace

試試這個

$(document).ready(function() { 
    $("input[name='txtNumber'],input[name='txtSpace']").change(function() { 
    var totalsum=parseInt($("input[name='txtNumber']:checked").val()) + parseInt($("input[name='txtSpace']:checked").val()); 
    $("#output").text("Changed to " + totalsum); 

    }); 
}); 

fiddle here