Q:

Multiple check boxes toggling back and forth

I have a table with two check boxes. 
   <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 function processing the check boxes is
       $(document).ready(function () {
       $("#vList").click(function () {
                  if ($('#rv').prop('checked', $(this).is(':checked'))) {
                      fnloadrv(test);
                  }
                  else if ($('#dv').prop('checked',$(this).is(':checked'))) {
                      fnloaddv();
                  }
             });

It works fine only first time. Second itme If I check the box again it wont do anything. I believe it needs to be reset or something.
Please let me know how fix so it can toggle back and forth. Thanks 

A:

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

   });

Working Demo

