用jQuery的radio隐藏、显示table内范围

Question

有两个radio按钮, 一个是个人, 一个是单位, 在页面里有两个table分别是个人的一些信息跟单位得一些信息, 如何控制选择个人的时候只显示个人的信息, 选择单位得时候显示个人+单位的信息, 默认选择个人, 用jquery写,

Answer 1

两个 radio 的id 是 grId dwId table 两个 ： grtId dwtId

$("#grId").attr("checked",true);//初始化时让个人的 选中

if($("#grId").attr("checked")){
$("#grtId").show();
$("#grtId").hide();

}else{
$("#grtId").show();
$("#grtId").show();
}

不懂的地方可以追问本回答被提问者采纳

Answer 2

不说话了，直接上代码吧！
document.ready(function(){
$(".个人样式名").click(function(){
$(".个人table样式名").show();
$(".单位table样式名").hide();

});
$(".单位样式名").click(function(){
$(".个人table样式名").show();
$(".单位table样式名").show();
});
})
你滴明白滴干活？追问

.前面需要加什么嘛,?

追答

不需要，这个是jquery代码需要配合jquery使用

追问

报错了, 说对象不支持ready方法, - -

追答

jQuery的radio

$(document).ready(function(){
$(".radio1").click(function(){
$(".radio1").attr("checked",true);
$(".radio2").attr("checked",false);
$(".a1").show();
$(".a2").hide();

});
$(".radio2").click(function(){
$(".radio1").attr("checked",false);
$(".radio2").attr("checked",true);
$(".a1").show();
$(".a2").show();
});
$(".radio1").attr("checked",true);//初始化时让个人的 选中
if($(".radio1").attr("checked")){
$(".a1").show();
$(".a2").hide();

}
})

个人 集体

个人

集体