通过checkbox选中状态改变下拉框可用

就是这样的一个东西，默认那个下拉框和输入框都是不可用的，
如果选中checkbox，则可以使用下拉框和输入框。。js控制，怎么搞哇？？我这样做不好使啊<tr>
                <td>
                    证件类型:<select name="identType" id="identType" disabled="ture">
                        <option value="0" selected="true">身份证</option>
                        <option value="1">士兵证</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    证件号:<input type="input" name="identNo" id="identNo" disabled="ture"/>
                </td>
            </tr>
            <tr>
                <td>
                    用户名:<input type="input" name="userName" id="userName" disabled="ture"/>
                </td>
            </tr>
function showHideIdent(){
            var checkb = document.getElementsByName("allRealName");            if(checkb[0].checked){
                $('#identType').disabled="true";
                $('#identNo').disabled="true";
                $('#userName').disabled="true";
            }else{
                $('#identType').disabled="flase";
                $('#identNo').disabled="flase";
                $('#userName').disabled="flase";
            }
        }

解决方案 »

  1.   

    function showHideIdent(){
        $("#identType,#identNo,#userName").disabled = $("input[name='allRealName']").checked;
    }
      

  2.   


    <tr>
                    <td>
    全实名<input type="checkbox" name="allRealName" />
                        证件类型:<select name="identType" id="identType" disabled="true">
                            <option value="0" selected="true">身份证</option>
                            <option value="1">士兵证</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        证件号:<input type="input" name="identNo" id="identNo" disabled="true"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        用户名:<input type="input" name="userName" id="userName" disabled="true"/>
                    </td>
                </tr><script>
    function $(o){return document.getElementById(o)}
                var checkb = document.getElementsByName("allRealName");
    checkb[0].onclick = function(){
    if(this.checked){
    $('identType').disabled="";
    $('identNo').disabled="";
    $('userName').disabled="";
    }else{
    $('identType').disabled="true";
    $('identNo').disabled="true";
    $('userName').disabled="true";
    }
    }
            
          
    </script>楼主代码有些错误啊
    1.代码没贴全？没说明，$('#..')是jquery的选择器
    2.false true 拼写错误
    3.没事件操作，怎么判断 checkbox 是否 checked？
    ....
      

  3.   


    太心急了，错误百出啊谢谢
    <tr>
                    <td>
                        <div onclick="showHideIdent()"><input type="checkbox" name="allRealName" id="allRealName"/>全实名？</div>
                    </td>
                </tr>
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
        <script type="text/javascript">
            $(function () {
                $('#allRealName').change(function () {
                    $('._select input,._select select').attr('disabled', !$(this).attr('checked'));
                });
            });
           
        </script>
    </head>
    <body>
    <table>
    <tr>
      <td>
     <input type="checkbox" name="allRealName" id="allRealName"/>全实名？
      </td>
      </tr>
    <tr class="_select">
                    <td>
                        证件类型:<select name="identType" id="identType" disabled="ture">
                            <option value="0" selected="true">身份证</option>
                            <option value="1">士兵证</option>
                        </select>
                    </td>
                </tr>
                <tr  class="_select">
                    <td>
                        证件号:<input type="input" name="identNo" id="identNo" disabled="ture"/>
                    </td>
                </tr>
                <tr class="_select">
                    <td>
                        用户名:<input type="input" name="userName" id="userName" disabled="ture"/>
                    </td>
                </tr></table>
    </body>
    </html>