0

私の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」ラジオボタンをクリックして「other_fields」を開くことです。ここで、「other_field」の値 (つまり、ユーザー入力) を使用して、それらの数値を計算に使用したいと考えています。

4

2 に答える 2