求前端代码：单选框分别选中时， 两个TR或DIV，要一个隐藏一个显示，一定要能运行的，简洁的就好？
展开全部
<script src="jquery.1.11.1.min.js"></script>
<input type="radio" name="sex" value="1" />男
<input type="radio" name="sex" value="0" />女
<div style="display:none" id="div1">我是男人</div>
<div style="display:none" id="div0">我是女人</div>
<script>
$(":radio").click(function(){
var val = $(this).val();
if(val == 1){
$("#div1").show();
$("#div0").hide();
}else{
$("#div0").show();
$("#div1").hide();
}
});
</script>
<input type="radio" name="sex" value="1" />男
<input type="radio" name="sex" value="0" />女
<div style="display:none" id="div1">我是男人</div>
<div style="display:none" id="div0">我是女人</div>
<script>
$(":radio").click(function(){
var val = $(this).val();
if(val == 1){
$("#div1").show();
$("#div0").hide();
}else{
$("#div0").show();
$("#div1").hide();
}
});
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery
function onclick1() {
$(div1).hide();
$(div2).show();
}
function onclick2() {
$(div2).hide();
$(div1).show();
}
function onclick1() {
$(div1).hide();
$(div2).show();
}
function onclick2() {
$(div2).hide();
$(div1).show();
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<body>
切换1<input type='radio' name="r" checked /><br />
切换2<input type='radio' name="r" />
<div id="div1">1</div>
<div id="div2">2</div>
</body>
<script>
var a=true;
$("input").click(function(){
if(a){
$("#div1").hide();
$("#div2").show();
a=false;
}else{
$("#div1").show();
$("#div2").hide();
a=true;
}
})
</script>
更多追问追答
追问
载入如何只显示一个对应的div？现在都显示的
追答
<body>
隐藏DIV1<input type='radio' name="r" /><br />
隐藏DIV2<input type='radio' name="r" />
<div id="div1">1</div>
<div id="div2">2</div>
</body>
<script>
var a=true;
$("input").click(function(){
if(a){
$("#div1").hide();
$("#div2").show();
a=false;
}else{
$("#div1").show();
$("#div2").hide();
a=true;
}
})
$("input")[0].click();
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
