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').prop('checked')) {
            fnloadrv(test);
        } else if ($('#dv').prop('checked')) {
            fnloaddv();
        }
    });
});

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

Answer 2

试试这个，

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

   });

<强> Working Demo

多个复选框来回切换

2 个答案: