如何根据文本框值启用复选框?

时间:2011-12-14 11:44:20

标签: jquery html

我试图在我的文本框(myinput)中的值不为空时设置我的复选框组,否则禁用该组但它不能按预期工作?我做错了什么?

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        function enable_cb() {
               if ($(this).val() != "" ) {
                $("input.group1").removeAttr("disabled");
            }
            else {
                $("input.group1").attr("disabled", true);
            }
        }

    </script>
</head>
<body>
    <form name="frmChkForm" id="frmChkForm">
    <input id="mytext" type="text" onkeydown="enable_cb(this);" />

    <input type="checkbox" name="chk9[120]" class="group1">
    <input type="checkbox" name="chk9[140]" class="group1">
    <input type="checkbox" name="chk9[150]" class="group1">
    </form>
</body>
</html>

2 个答案:

答案 0 :(得分:3)

您需要在方法上声明输入参数。 &#39;这&#39;不会自动发送到方法。

   function enable_cb(textbox) { 
           if ($(textbox).val() != "" ) { 
            $("input.group1").removeAttr("disabled"); 
        } 
        else { 
            $("input.group1").attr("disabled", true); 
        } 
    } 

答案 1 :(得分:-2)

您是否尝试过使用$(".group1")$(".group1 input")