这是我的代码
<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>
我想要:
勾选一个radio时,需要隐藏grade_select中的所有div,然后显示id包含当前radio值的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>
仅供引用:这个问题是 this other question 的衍生问题。 .
最佳答案
<script type="text/javascript">
$(document).ready(function($){
$( "input[name='category']" ).bind( "click", function() {
$("#grade_select div").hide().parent().find( '#' + this.id + "_grade" ).show();
});
});
</script>
关于javascript - 如何优雅地将js代码传递给字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10672033/