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