Javascript 通过选中复选框启用多个输入_Javascript_Checkbox_Input

Javascript 通过选中复选框启用多个输入

javascript checkbox input

Javascript 通过选中复选框启用多个输入,javascript,checkbox,input,Javascript,Checkbox,Input,我对javascrpt和表单中的输入的问题越来越不满意。。。我有一个由一个复选框和两个选择列表组成的多个组组成的表单，我需要在选中组的复选框时激活组的选择列表。。。我该怎么办？？？这是我的密码： <input type="checkbox" value="room1" class="bookcheckbox1"><b>Select Room</b> Adults<select class="bookselect1"> <option val

我对javascrpt和表单中的输入的问题越来越不满意。。。我有一个由一个复选框和两个选择列表组成的多个组组成的表单，我需要在选中组的复选框时激活组的选择列表。。。我该怎么办？？？这是我的密码：

<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>

选择房间
成人
0
1.
2.
儿童
0
1.
选择房间
成人
0
1.
2.
儿童
0
1.


可启用功能（obj，x）{
if（obj.checked==true）
{
document.getElementById（“x”+x）.disabled=false；
document.getElementById（“y”+x）.disabled=false；
}
其他的
{
document.getElementById（“x”+x）.disabled=true；
document.getElementById（“y”+x）.disabled=true；
}
}
选择房间
成人
0
1.
2.
儿童
0
1.
选择房间
成人
0
1.
2.
儿童
0
1.


可启用功能（obj，x）{
if（obj.checked==true）
{
document.getElementById（“x”+x）.disabled=false；
document.getElementById（“y”+x）.disabled=false；
}
其他的
{
document.getElementById（“x”+x）.disabled=true；
document.getElementById（“y”+x）.disabled=true；
}
}
选择房间
成人
0
1.
2.
儿童
0
1.
选择房间
成人
0
1.
2.
儿童
0
1.


可启用功能（obj，x）{
if（obj.checked==true）
{
document.getElementById（“x”+x）.disabled=false；
document.getElementById（“y”+x）.disabled=false；
}
其他的
{
document.getElementById（“x”+x）.disabled=true；
document.getElementById（“y”+x）.disabled=true；
}
}
选择房间
成人
0
1.
2.
儿童
0
1.
选择房间
成人
0
1.
2.
儿童
0
1.


可启用功能（obj，x）{
if（obj.checked==true）
{
document.getElementById（“x”+x）.disabled=false；
document.getElementById（“y”+x）.disabled=false；
}
其他的
{
document.getElementById（“x”+x）.disabled=true；
document.getElementById（“y”+x）.disabled=true；
}
}
选择房间
成人
0
1.
2.
儿童
0
1.
选择房间
成人
0
1.
2.
儿童
0
1.

是否允许使用jQuery？是否允许使用jQuery？是否允许使用jQuery？是否允许使用jQuery？

 <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>