javascript - 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');

或者

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

或者

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