<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
<title>设置当前表单下控件状态</title>
<script src="js\jquery-1.4.2.js"></script>
<script>
$(function(){
$("#btn1").click(function(){
//alert($("#111").attr("disabled"));
if($("#txt222").attr("disabled"))
$("#myform:text").attr("disabled","");
else
$("#myform:text").attr("disabled","disabled");
});

});
</script>
</head><body>
<input type="button" id="btn1" value="test button">
<br/>
<form id="myform">
<input type="text" id="txt222" value="asdsadsad">
<input type="text" value="sssssssss">
<input type="text" value="tttttttttttt">
<input type="text" value="bbbbbbbbbbbbbb">
</form></body>
</html>我想使用$("#myform:text") 来匹配某表单下的所有文本框,然后 设置文本框状态为禁用,或启用, 却无法实现,郁闷....
百度,谷歌了N久,没有答案

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
        <title>设置当前表单下控件状态</title>
        <script src="js\jq.js"></script>
        <script>
            $(function(){
                $("#btn1").click(function(){
                    //alert($("#111").attr("disabled"));
                    if($("#txt222").attr("disabled"))
                        $("#myform input:text").attr("disabled","");
                    else
                        $("#myform input:text").attr("disabled","disabled");
                });
                
            });
        </script>
    </head><body>
    <input type="button" id="btn1" value="test button">
    <br/>
    <form id="myform">
        <input type="text" id="txt222" value="asdsadsad">
        <input type="text" value="sssssssss">
        <input type="text" value="tttttttttttt">
        <input type="text" value="bbbbbbbbbbbbbb">
    </form></body>
    </html>
      

  2.   

    $("#myform :text")
    中间有个小空格 。
    取元素的话可以弹出size()看下 。
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
        <title>设置当前表单下控件状态</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script>
            $(function(){
                $("#btn1").click(function(){
    $("#myform input").each(function(){alert($(this).attr("readonly"));if($(this).attr("readonly")){$(this).attr("readonly",false);}else{$(this).attr("readonly",true);}});
                });
                
            });
        </script>
    </head><body>
    <input type="button" id="btn1" value="test button"/>
    <br/>
    <form id="myform">
        <input type="text" id="txt222" value="asdsadsad"/>
        <input type="text" value="sssssssss"/>
        <input type="text" value="tttttttttttt"/>
        <input type="text" value="bbbbbbbbbbbbbb"/>
    </form></body>
    </html>
      

  4.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
        <title>设置当前表单下控件状态</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script>
            $(function(){
                $("#btn1").click(function(){
    $("#myform input").each(function(){if($(this).attr("disabled")){$(this).attr("disabled","");}else{$(this).attr("disabled","disabled");}});
                });
                
            });
        </script>
    </head><body>
    <input type="button" id="btn1" value="test button"/>
    <br/>
    <form id="myform">
        <input type="text" id="txt222" value="asdsadsad"/>
        <input type="text" value="sssssssss"/>
        <input type="text" value="tttttttttttt"/>
        <input type="text" value="bbbbbbbbbbbbbb"/>
    </form></body>
    </html>