jQuery从文本字段接收值

时间:2013-01-31 14:19:37

标签: javascript jquery

我的 HTML

<div class="textForm">
<input type="radio" name="txtNumber" value="10" checked="checked" />10
<input type="radio" name="txtNumber" value="20" />20
<input type="radio" name="txtNumber" value="other" />other
<input type="text" name="other_field" id="other_field" onblur="checktext(this);"/>
</div>
<div class="formText">
<input type="radio" name="txtSpace" value="RJ" checked="checked"
/>Space 1.
<br />
<input type="radio" name="txtSpace" value="SM" />Space 2.
<br />
</div>
<h3>Output:</h3>
<div id="output"></div>

这是我的 javascript 代码

$(document).ready(function () 
{
$("input[name='txtNumber'],input[name='txtSpace']").change(function () 
{
    console.log("changed");
    if ($("input[name='txtSpace']:checked").val() == 'RJ' && $("input[name='txtNumber']:checked").val() == '10')
        $("#output").text("RJ, 10 = 20");
    else if ($("input[name='txtSpace']:checked").val() == 'RJ' && $("input[name='txtNumber']:checked").val() == '20')
        $("#output").text("RJ, 20 = 40");
    else if ($("input[name='txtSpace']:checked").val() == 'RJ' && $("input[name='txtNumber']:checked").val() == 'other') // HERE I M CONFUSED
WHAT SHALL BE THE CODE?
    else if ($("input[name='txtSpace']:checked").val() == 'SM' && $("input[name='txtNumber']:checked").val() == '10')
        $("#output").text("SM, 10 = 5");
    else if ($("input[name='txtSpace']:checked").val() == 'SM' && $("input[name='txtNumber']:checked").val() == '20')
        $("#output").text("SM, 20 = 10");
    else if ($("input[name='txtSpace']:checked").val() == 'SM' && $("input[name='txtNumber']:checked").val() == 'other') // HERE AGAIN I M CONFUSED
        $("#output").text("SM , ???? = Dont know");
});
});

我想要实现的是在点击“other_field”的“其他”单选按钮时打开“other_fields”。现在,我想使用“other_field”中的值(即用户输入)并在我的计算中使用这些数字。

2 个答案:

答案 0 :(得分:2)

您可以使用

获取other_field的值
    var textVal = $('#other_field').val();
    console.log(textVal)

答案 1 :(得分:1)

您可以使用$("#other_field").val()选择其他输入字段的值。

else if ($("input[name='txtSpace']:checked").val() == 'RJ' &&
    $("input[name='txtNumber']:checked").val() == 'other')  {
        var val = parseInt($("#other_field").val(), 10);
        $("#output").text("RJ , " + val " = " + (val * 2));
}
...
else if ($("input[name='txtSpace']:checked").val() == 'SM' &&
    $("input[name='txtNumber']:checked").val() == 'other') {
        var val = parseInt($("#other_field").val(), 10);
        $("#output").text("SM , " + val " = " + (val / 2));
}