javascript - jquery编程计算与计算

Question

检查这个小提琴

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

当单选按钮name="txtNumber"更改时，此代码会显示消息。

现在我试图实现的是根据name="txtSpace"&name="txtNumber"单选按钮的值制作一个公式..

我的目标是，假设有人单击 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>

Answer 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/

Answer 2

我认为你只需要建立你的字符串？

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

..虽然你没有说应该进行什么计算，因为“空间 1 * 1000”没有意义，“RJ * 200”等也没有意义……所以我只是结合了两个无线电选择。

Answer 3

使用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);

  });
});

在这里摆弄