0

2 つのチェック ボックスがあるテーブルがあります。

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

初回のみ正常に動作します。2番目の項目 ボックスをもう一度チェックしても、何もしません。リセットか何かが必要だと思います。前後に切り替えることができるように修正する方法を教えてください。ありがとう

4

2 に答える 2

2

正しいコードは次のとおりです。

$(document).ready(function () {
    $("#vList").click(function () {
        if ($('#rv').prop('checked')) {
            fnloadrv(test);
        } else if ($('#dv').prop('checked')) {
            fnloaddv();
        }
    });
});
  • $('#rv').prop('checked')ボタンのクリック時に要素がチェックされたステータスに基づいてtrueまたはfalseを返します。rvvList
于 2013-10-28T09:42:47.603 に答える
0

これを試して、

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

   });

ワーキングデモ

于 2013-10-28T09:48:34.907 に答える