多個複選框來回切換

Question

我有一個帶有兩個複選框的表格。

<table id="id1"> 
     <tr> 
      <td> <label class="" for="Otest2" >Test2</label></td> 
      <td> <input type="checkbox" class="" id="rv" name="Vn" /> </td> 
      <td><label class="" for="Otest3" >DV</label></td> 
      <td> <input type="checkbox" class="" id="dv" name="Dv" /> </td>   
     </tr> 
     <tr> 
      <td><input type="button" id="vList" value="Run Report" /></td> 
     </tr> 
    </table> 

jQuery函數處理複選框是

 $(document).ready(function() { 
     $("#vList").click(function() { 
        if ($('#rv').prop('checked', $(this).is(':checked'))) { 
         fnloadrv(test); 
        } 
        else if ($('#dv').prop('checked',$(this).is(':checked'))) { 
         fnloaddv(); 
        } 
      }); 

它工作正常，只是第一次。第二個itme如果我再次檢查框，它不會做任何事情。我相信它需要重新設置或者其他的東西。 請讓我知道如何修復，以便它可以來回切換。由於

Answer 1

試試這個，

$(document).ready(function() { 
      $("#vList").click(function() { 
        if ($('#rv').is(':checked')) { 
         //fnloadrv(test); 
         alert('test1'); 
        } 
        else if ($('#dv').is(':checked')) { 
        // fnloaddv(); 
         alert('test2'); 
        } 
      }); 

    }); 

Working Demo

Answer 2

下面是正確的代碼：

$(document).ready(function() { 
    $("#vList").click(function() { 
     if ($('#rv').prop('checked')) { 
      fnloadrv(test); 
     } else if ($('#dv').prop('checked')) { 
      fnloaddv(); 
     } 
    }); 
}); 

• $('#rv').prop('checked')回報真正或假基於rv元素上vList按鈕單擊選中狀態。