Checked attribute of checkbox in javascript

Question

I am writing a code for kendo UI mobile in which i want to show a particular div on check on of check box for this i am writing a function as follows

           function showDetails(){
              // debugger;
               var data = $("#vehicleLoan").attr('checked');
               // alert(data);
               if(data)
               {
                   $("#Loan").removeAttr("style","display:block");
               }
               else
               {
                   $("#Loan").removeAttr("style","display:none");   
               }
           }

but i am getting an undefined at data.

Krish R · Accepted Answer · 2013-11-26T07:00:19.480

1

Can you try using,

var data = $("#vehicleLoan").is(':checked');

OR

    function showDetails(){
               $("#Loan").toggle();
     }

OR

    function showDetails(){
          // debugger;
           var data = $("#vehicleLoan").is(':checked');
           // alert(data);
           if(data)
           {
               $("#Loan").show();
           }
           else
           {
               $("#Loan").hide();   
           }
       }

edited Nov 26 '13 at 07:00

answered Nov 26 '13 at 06:38

Krish R

22,583
7
50
59

It is giving me False no matter it is checked or unchecked – Trupti Nov 26 '13 at 06:44
Can you post your html part here ? – Krish R Nov 26 '13 at 06:49
Vehicle Loan:
– Trupti Nov 26 '13 at 06:52
– Trupti Nov 26 '13 at 06:55
please consider both comments for HTML – Trupti Nov 26 '13 at 06:55
Ok sure, giveme some time i will check and update you – Krish R Nov 26 '13 at 06:58
Updated answer please check, provided two methods – Krish R Nov 26 '13 at 07:00
but it is just showing me my div properly, there are three text boxes in div tag which is not visible when actual div is visible. – Trupti Nov 26 '13 at 07:12
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/41930/discussion-between-trupti-and-user876345) – Trupti Nov 26 '13 at 07:17

score 0 · Answer 2 · answered Nov 26 '13 at 07:01

0

try something like this

   if(document.getElementById("vehicleLoan").checked)
   {
       $("#Loan").removeAttr("style","display:block");
   }
   else
   {
       $("#Loan").removeAttr("style","display:none");   
   }

answered Nov 26 '13 at 07:01

rajesh kakawat

10,826
1
21
40

Checked attribute of checkbox in javascript

2 Answers2