Problem in enabling/disabling checkbox using javascript

Question

My problem is enabling a checkbox in javascript but in disabling my codes is running properly.. i already to change chk1.enabled = checked but its not working..

here's my code:

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

    function ckGrp(){

    var ck_arr = document.getElementsByName('chkRaps');
    var ck = document.getElementsByName('chkPPS');
    if(ck.checked == true){
           ck_arr.disabled = true;
    }else{
          ck_arr.disabled = false;
            }

    }

   </script>

asp.net code:

<td><asp:CheckBox OnClick="ckGrp(); " ID="chkPPS" runat="server" /> &nbsp;<asp:Label ID="Label2" 
        runat="server" Text="Bill Under PPS"></asp:Label>


  <td><asp:CheckBox ID="chkRaps" runat="server" ClientIDMode="Static" Enabled="False" /> &nbsp;<asp:Label ID="Label3" 
        runat="server" Text="Include first billable visit for RAPs"></asp:Label><br/>
        <asp:CheckBox ID="chkTarNumber" runat="server" ClientIDMode="Static" Enabled="False"/> &nbsp;<asp:Label ID="Label4" 
        runat="server" Text="Use Claim Oasis Matching Key as TAR Number"></asp:Label><br/>
        <asp:CheckBox ID="chkPPSMedthod" runat="server" ClientIDMode="Static" Enabled="False" /> &nbsp;<asp:Label ID="Label5" 
        runat="server" Text="Effective 01/01/08 use new PPS Payment Method"></asp:Label><br/>
        <asp:CheckBox ID="chkMTP" runat="server" ClientIDMode="Static" Enabled="False" /> &nbsp;<asp:Label ID="Label6" 
        runat="server" Text="Auto Adjust Claim Amount to Match Total Payment"></asp:Label><br/>
        for differences within +/-<asp:TextBox ID="txtMTP" runat="server" Enabled="False"></asp:TextBox>

As per your code it will set the same state to all your checkbox, so if one is disabled so are the rest. It would be better if you pass in the id to the function and then toggle the states. — V4Vendetta
– V4Vendetta, Commented Apr 13, 2011 at 7:44
It would me much easier to post an answer if you give generated HTML code instead of asp.net since it's a client side problem and not server side. — neurino
– neurino, Commented Apr 13, 2011 at 7:44

HaLo2FrEeEk · Accepted Answer · 2011-04-13 07:31:56Z

3

Change it to:

chk1.disabled = true;

And it'll work. To re-enable, just change the true to false.

answered Apr 13, 2011 at 7:31

HaLo2FrEeEk

5967 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

HaLo2FrEeEk Over a year ago

I just tested it. I had a checkbox with id "something". var obj = document.getElementById('something'); obj.disabled = true; Worked perfectly. The "disabled" attribute is a boolean, it accepts true/false values. Are you trying to disable the checkbox when the user checks it? EDIT: Wait, you're trying to ENABLE a textbox, not disable it, right? Why does your code say "chk1.disabled"? Try chk1.Enabled = true. Of course, if the checkbox is already disabled then the user won't be able to check it.

V4Vendetta Over a year ago

i believe the checked property would be passing the boolean state how does this help ?

HaLo2FrEeEk Over a year ago

It looks like he's trying to enable or disable a checkbox based on it's checkstate. Unless you're controlling the checkstate of the box using another method, the user won't be able to check or uncheck (or interact with) a disabled checkbox.

HaLo2FrEeEk Over a year ago

Ok, you're not getting something. Like neurino said, this is a client side issue, not a server side issue. Like I said, if a checkbox is disabled the user will not be able to check it.

Collectives™ on Stack Overflow

Problem in enabling/disabling checkbox using javascript

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related