如何連接復選框和單選按鈕

Question

Male <input value="V1" checked="checked" name="R1" type="radio">
Female: <input name="R1" value="V2" type="radio"></p>


<input name="C1" value="ON" type="checkbox">Reading 
<input name="C2" value="ON" type="checkbox">Dressing 
<input name="C3" value="ON" type="checkbox">Make up
<input name="C4" value="ON" type="checkbox">Playing 

只需考慮如下情況：

這里選中了單選按鈕。 我想要復選框閱讀和播放應該自動選中<默認或>

假設女性檢查-化妝和穿衣

我想自動檢查

Answer 1

    function select_radio(val){
      if (val=="male"){
    document.getElementById("C1").checked = true;
    document.getElementById("C2").checked = true;
    document.getElementById("C3").checked = false;
    document.getElementById("C4").checked = false;
      }
      else{
    document.getElementById("C3").checked = true;
    document.getElementById("C4").checked = true;
    document.getElementById("C1").checked = false;
    document.getElementById("C2").checked = false;
      }



    }


Male <input value="V1" checked="checked" name="R1" type="radio" onclick="select_radio('male')">
Female: <input name="R1" value="V2" type="radio" onclick="select_radio('female')">></p>


<input name="C1" id="C1"  value="ON" type="checkbox">Reading 
<input name="C2" id="C2"  value="ON" type="checkbox">Dressing 
<input name="C3" id="C3" type="checkbox">Make up
<input name="C4" id="C4" type="checkbox">Playing