-1

剣道データソースを使用してデータベースからデータを取得するためにブートストラップテーブルを使用しています。したがって、よりインタラクティブにするために、同時アクションのチェックボックスを使用しました。

1つのチェックボックスですべてのエントリを削除したい。jQueryを使用して単一のチェックボックスでエントリを削除することについて読みました。しかし問題は、テーブルにチェックボックスが 1 つしかなく、すべてのエントリが剣道データ ソースを使用して取得されていることです。

私が混乱を引き起こしている場合は、ここを参照してください-

<script id="template" type="text/x-kendo-template">
  <tr>
      <td> 
          <input type="checkbox" class="done" data-id="#= CID #" ></input>

      </td></tr>
</script>

<table>
<tr>
 <th style="width:10%;">
                        <input type="checkbox" />
                    </th>
</tr>
</table>

剣道データソースを使用すると、チェックボックスの列が1つしかありません。

だから私はこれをやっています-

<script type="text/javascript">
        $('.done').click(function (event) {
            if (this.checked) {
                // Iterate each checkbox
                $(':checkbox').each(function () {
                    this.checked = true;
                });
            }
        });

    </script>

そしてまだ結果はありません。ヘルプ！

4

4 に答える 4

0

これを試して：

$(function () {    
    $('.done').on('click', function(){
              // i comment this condition if you want selectall for checked or unchecked
              //if ($(this).is(':checked')){
                        $(':checkbox').prop('checked', this.checked);
              //}
    });
});
于 2013-04-10T10:22:20.850 に答える
0

これを試してみてください：

脚本

$(document).ready(function(){   
   $('.done').click(function (event) {
      $('.chkbxq').each(function () {
        $(this).attr('checked', flag);
      });
   });
});

HTML:

<table>
  <tr>
    <th style="width:10%;">
       <input type="checkbox" class="chkbxq" />
    </th>
  </tr>
</table>
于 2013-04-10T11:02:12.260 に答える
0

jQuery コードを内部にラップする$(document).ready(function(){});か$(function(){});、DOM 全体を表示できるようにしてください。

$(document).ready(function() {
    $('.done').click(function (event) {
        if (this.checked) {
            // Iterate each checkbox
            $(':checkbox').each(function () {
                this.checked = true;
            });
        }
    });
});

また、HTML はscriptタグの内側にラップされ、外側に移動して冗長を削除'し、タグに終了タグinputは必要ありません。</input>

<tr>
    <td> 
        <input type="checkbox" class="done" data-id="#= CID #" />
    </td>
</tr>
于 2013-04-10T10:14:30.437 に答える
0 
<script type="text/javascript">
 $(document).ready(function(){   
     $('.done').click(function (event) {
        if ($(this).attr('checked')) {
            $('input:checkbox:not(".done")').each(function () {
                $(this).attr('checked', 'checked');
            });
          }
      });
});
</script>

これを試して。それはうまくいくかもしれません

于 2013-04-10T10:20:37.700 に答える