how can i pass multiple ids in getElementById JavScript

I'm new to Jquery, I have a big question, how can I optimize this in just one script?

this causes all three elements to be enable or disabled depending of the checkbox.

 <script type="text/javascript">
    document.getElementById('active_0').onchange = function() {
        document.getElementById('gender_0').disabled = this.checked;
        document.getElementById('size_0').disabled = this.checked;
        document.getElementById('q_0').disabled = this.checked;
    };
</script>   
<script type="text/javascript">
    document.getElementById('active_0').onchange = function() {
        document.getElementById('gender_0').disabled = !this.checked;
        document.getElementById('size_0').disabled = !this.checked;
        document.getElementById('q_0').disabled = !this.checked;
    };
</script>

--- this script repeats 6 times from active_0 to active_5---

 <script type="text/javascript">
    document.getElementById('active_5').onchange = function() {
        document.getElementById('gender_5').disabled = this.checked;
        document.getElementById('size_5').disabled = this.checked;
        document.getElementById('q_5').disabled = this.checked;
    };
</script>   
<script type="text/javascript">
    document.getElementById('active_5').onchange = function() {
        document.getElementById('gender_5').disabled = !this.checked;
        document.getElementById('size_5').disabled = !this.checked;
        document.getElementById('q_5').disabled = !this.checked;
    };
</script>