javascript - 多个复选框来回切换

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

它只有第一次才能正常工作。第二个项目如果我再次选中该框，它不会做任何事情。我相信它需要重置或其他东西。请让我知道如何修复，以便它可以来回切换。谢谢

Answer 1

这是正确的代码：

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

• $('#rv').prop('checked')根据按钮单击时的元素检查状态返回true或false 。rvvList

Answer 2

试试这个，

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

   });

工作演示