单选框和复选框同时使用的问题?

Question

一个问题分两个类别,其中一个类别里又分了2种情况,2个类别只能选其中的一种,用单选框,而如果远有2种情况的哪个类别,就要选2种情况的一个或两个,但是如果选另一种的话,这个类别的情况是不可选的,请问该如何控制他们?<input type="radio" name="radiobutton" value="radiobutton">
    共有
      <input type="radio" name="radiobutton" value="radiobutton">
      私有
      <input type="checkbox" name="checkbox" value="checkbox">
      仅朋友可见
      <input type="checkbox" name="checkbox2" value="checkbox">
      仅家庭可见
也就是如果选共有,私有里仅朋友可见和仅家庭可见是不可选的,如果选私有,则可以?

Answer 1

怎么写啊,我对javascript不懂啊？谢谢了／

Answer 2

<input type="radio" id="public" name="radiobutton" value="radiobutton" onclick="choose('public')">
共有
<input type="radio" id="private" name="radiobutton" value="radiobutton" onclick="choose('private')">
私有
<input type="checkbox" id="friend" name="checkbox" value="checkbox">
仅朋友可见
<input type="checkbox" id="family" name="checkbox2" value="checkbox">
仅家庭可见<script>
function choose(s)
{
var friend = document.getElementById("friend") ;
var family = document.getElementById("family") ;
if(s=='public')
{
friend.disabled = "true" ;
family.disabled = "true" ;
}
}
</script>

Answer 3

function改一下function choose(s)
{
var friend = document.getElementById("friend") ;
var family = document.getElementById("family") ;
if(s=='public')
{
friend.disabled = "true" ;
family.disabled = "true" ;
}
else
{
friend.disabled = "" ;
family.disabled = "" ;
}
}

Answer 4

这样更合理一些<input type="radio" id="public" name="radiobutton" value="radiobutton" onclick="choose('public')">
共有
<input type="radio" id="private" name="radiobutton" value="radiobutton" onclick="choose('private')">
私有
<span id=friend style="display:none"><input type="checkbox" name="checkbox" value="checkbox">
仅朋友可见
<input type="checkbox" id="family" name="checkbox2" value="checkbox">
仅家庭可见
</span>
<script>
function choose(s)
{
var friend = document.getElementById("friend") ;
var family = document.getElementById("family") ;
if(s=='public')
{
friend.style.display = "none" ;
}
else
{
friend.style.display = "" ; }
}
</script>