通过javascript启用/禁用asp.net复选框

问题描述

|| 例如，当我检查chk1，然后启用chk2，chk3和chk4时，通过javascript启用和禁用复选框，如果我取消选中chk1，则通过javascript禁用chk2，chk3和chk4？这是我的代码：

<script type=\"text/javascript\">
$(\'chkTAR\').clicked(function(){
        {
        if($(\'chkTAR :checked\').length == 2)

        $(\'chkoasis,chkPOT\').disabled = true;
        else
        $(\'chkoasis,chkPOT\').disabled = false
        });
</script>

解决方法

您可以尝试以下方法：

   <script language=\"javascript\" type=\"text/javascript\">

       function oncheckchange(checked) { 
           var chk2 = document.getElementById(\'chk2\'); 
           chk2.disabled = checked;  
       }
   </script>

  <asp:CheckBox OnClick=\"oncheckchange(this.checked);\"  ID=\"chk1\" runat=\"server\" />
  <asp:CheckBox ID=\"chk2\" runat=\"server\" ClientIDMode=\"Static\" />

请注意，chk2 \的ClientIDMode设置为\“ Static \”。 ,这可以帮助您禁用/启用复选框 ,

<%@ Page Language=\"C#\" AutoEventWireup=\"true\" CodeBehind=\"Default.aspx.cs\" Inherits=\"WebApplication3._Default\" %>

<!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 runat=\"server\">
    <title></title>
    <script src=\"Scripts/jquery-1.4.1.js\" type=\"text/javascript\"></script>
    <script type=\"text/javascript\">
        $().ready(function () {
            $(\'#checkbox1,#checkbox2\').click(function () {
                if ($(\'#checkbox1:checked,#checkbox2:checked\').length == 2)
                    $(\'#checkbox3,#checkbox4\').attr(\'disabled\',\'true\');
                else
                    $(\'#checkbox3,\'\');
            });
        });
    </script>
</head>
<body>
    <form id=\"form1\" runat=\"server\">
    <div>
        <input type=\"checkbox\" id=\"checkbox1\" value=\"c1\" />
        <input type=\"checkbox\" id=\"checkbox2\" value=\"c2\" />
        <input type=\"checkbox\" id=\"checkbox3\" value=\"c3\" />
        <input type=\"checkbox\" id=\"checkbox4\" value=\"c4\" />
    </div>
    </form>
</body>
</html>

<%@ Page Language=\"C#\" AutoEventWireup=\"true\" CodeFile=\"Default6.aspx.cs\" Inherits=\"Default6\" %>

<!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 id=\"Head1\" runat=\"server\">
    <title></title>

    <script src=\"http://code.jquery.com/jquery-1.5.js\"></script>

    <script language=\"javascript\">

        function EnableDisableDIV() {

            if ($(\"#chkShowPersonal\").attr(\"checked\")) {

                $(\"#dvPersonal\").show();

            } else {

                $(\"#dvPersonal\").hide();

            }

        }         

    </script>

</head>
<body>
    <form id=\"form1\" runat=\"server\">
    <asp:CheckBox ID=\"chkShowPersonal\" onclick=\"EnableDisableDIV()\" runat=\"server\" Text=\"Fruits\" />
    <div id=\"dvPersonal\" style=\"display: none\">
        <asp:CheckBox ID=\"chk1\" runat=\"server\" Text=\"Apple\" />
        <asp:CheckBox ID=\"chk2\" runat=\"server\" Text=\"Banana\" />
        <asp:CheckBox ID=\"chk3\" runat=\"server\" Text=\"Orange\" />
    </div>
    </form>
</body>
</html>

asp.net javascript 启用复选框复选框禁用禁用