ラジオボタンから選択した値に基づいてテーブルの行を非表示にしたい。これらのラジオ ボタンは、ドロップダウン リスト ボックスから選択された値に基づいて作成されました。
これが私のコードです
リストボックスの HTML コード
<select name="txtLT" id="LT" >
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
Jクエリ
$(document).ready(function() {
$("#LT").change(function() {
var selVal = $(this).val();
$("#tblerow").html('');
if(selVal == 'c') {
$("#tblerow").append('<td><input type="radio" id="cmpof" name="cmpof" value="1" onclick="show()" />1 <input type="radio" id="cmpof" name="cmpof" value="2" onclick="hide()"/>2</td>');
}
});
});
ここで、ラジオ ボタン 2 が選択されている場合、tr2 を含むテーブル行が消えるはずです。解決策を見つけるのを手伝ってください。
編集
以下の JavaScript を試してみましたが、行が非表示になりません。
function show() { document.getElementById('sbjrow').style.display = 'block'; }
function hide() { document.getElementById('sbjrow').style.display = 'none'; }
ここで何が間違っているのか教えてください。