私のコードがあります
<input type="radio" name="category" id="elementary" value="elementary" /> 1
<input type="radio" name="category" id="junior" value="junior" /> 2
<input type="radio" name="category" id="senior" value="senior" /> 3
<input type="radio" name="category" id="university" value="university" /> 4
<input type="radio" name="category" id="profession"/> 5
<div id='grade_select' class="clearfix">
<div id='elementary_grade' class="clearfix"></div>
<div id='junior_grade' class="clearfix"></div>
<div id='senior_grade' class="clearfix"></div>
<div id='university_grade' class="clearfix"></div>
<div id='profession_grade' class="clearfix"></div>
</div>
私が欲しい:
1 つのラジオをチェックする場合、grade_select ですべての div を非表示にしてから、現在のラジオ値を含む id の div を表示する必要があります
私のjsコードがありますが、どうすればいいのかわかりません
<script type="text/javascript">
$(document).ready(function($){
$( "input[name='category']" ).bind( "click", category_select)
});
function category_select(){
$("div:[id=this.attr[id]]).show()
}
</script>
参考:この質問は、この他の質問のスピンオフです。