私の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」の値 (つまり、ユーザー入力) を使用して、それらの数値を計算に使用したいと考えています。