在javascript中选中复选框的属性

Question

我正在为kendo UI mobile写一个代码，我想在复选框上显示一个特定的div，我正在编写一个函数，如下所示

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

但我的数据未定义。

Answer 1

你能试试吗，

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();   
           }
       } 

Answer 2

尝试这样的事情

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