Enable multiple inputs by checking a checkbox

Question

I'm getting bad with an issue with javascrpt and inputs in a form... I have a form composed by multiple groups composed by a checkbox and two select list, i need to activate the select lists of the group when their checkbox is checked... how can i do??? here's my code:

<input type="checkbox" value="room1" class="bookcheckbox1"><b>Select Room</b>
Adults<select class="bookselect1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
Children<select class="bookselect1">
<option value="0">0</option>
<option value="1">1</option>
</select>

<input type="checkbox" value="room2" class="bookcheckbox2"><b>Select Room</b>
Adults<select class="bookselect2">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
Children<select class="bookselect2">
<option value="0">0</option>
<option value="1">1</option>
</select>

Are you allowed to use jQuery?

Dhaval Marthak
– Dhaval Marthak

2014-03-13 09:35:38 +00:00
Commented Mar 13, 2014 at 9:35 — Dhaval Marthak
– Dhaval Marthak, Commented Mar 13, 2014 at 9:35

Deepu--Java · Accepted Answer · 2014-03-13 09:33:02Z

 <body>
 <script type="text/javascript">
    function able(obj,x){
        if(obj.checked ==true)
            {
                document.getElementById("x"+x).disabled=false;
                document.getElementById("y"+x).disabled=false;
            }
        else
            {
                document.getElementById("x"+x).disabled=true;
                document.getElementById("y"+x).disabled=true;
            }
    }
 </script>
<input type="checkbox" value="room1" class="bookcheckbox1" onchange="able(this,1)"><b>Select Room</b>
Adults<select class="bookselect1" disabled="true" id="x1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
Children<select class="bookselect1" disabled="true" id="y1">
<option value="0">0</option>
<option value="1">1</option>
</select>

<input type="checkbox" value="room2" class="bookcheckbox2" onchange="able(this,2)"><b>Select Room</b>
Adults<select class="bookselect2" disabled="true" id="x2">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
Children<select class="bookselect2" disabled="true" id="y2">
<option value="0">0</option>
<option value="1">1</option>
</select>
</body>

Collectives™ on Stack Overflow

Enable multiple inputs by checking a checkbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related