Question

检查这个小提琴

当name="txtNumber"的单选按钮发生变化时，此代码会显示消息。

现在我想要实现的是根据name="txtSpace"＆amp;的价值制作一个公式。 name="txtNumber"单选按钮..

我的目标是假设有人点击txtNumber字段中的单选按钮而txtSpace字段中的另一个选项应该在“output”窗口中进行一些计算。计算可以在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();

..虽然你没有说应该进行什么计算，因为'Space 1 * 1000'没有意义，也没有'RJ * 200'等......所以我刚刚结合了两个无线电选择。 / p>

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

  });
});

fiddle here

jquery编程计算和计算

3 个答案: