2013-01-31 56 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