web-dev-qa-db-ja.com

Drupal 7？

「すべてをチェック」チェックボックスを設定するためのコア設定がないようです。コンテンツタイプを作成していて、分類基準フィールドがあり、用語がたくさんあります。つまり、チェックする必要のあるボックスがたくさんあります。とにかく、すべてを選択するためのチェックボックスを提供しますか？

7entitiestaxonomy-termsnodes
6
Patoshi パトシ

@duckxコードの更新バージョンは次のとおりです。次の点が改善されています。
-クリックされたラベルのチェックボックスのみを選択します
-チェックボックスを切り替えることができます

Drupal.behaviors.selectAll = {
  attach: function (context, settings) {
    $('body.page-node .form-type-checkboxes > label').click(function() {
        $(this).nextAll('.form-checkboxes').find('input[type="checkbox"]').trigger('click');
    });
  }
};
1
tostinni

このcontribモジュールはトリックを行うようです： https://www.drupal.org/project/checkall

1
joachim

フォームの変更を行うことができます。 hook_form_alter そしてjsをフォームに添付します。

$form['#attached']['js'] = array(
  drupal_get_path('module', 'YOURMODULE') . '/YOURMODULE.js',
);

次に here のようにコードを追加します

1
heshanlk

以下は、すべての機能を簡単に確認するためのクイックスニペットです。それは基本的にあなたのフィールドLABELをすべてチェックするボタンにします。 追加のHTML要素やモジュールを追加する必要はありません。これは機能します。

あなたはこれをあなたのjsファイルにほとんどコピーすることができ、私がそれをコンテンツ編集ページでのみ機能するように制限したのと同じように機能します。

明らかにこれは長期的な解決策ではありませんが、主に迅速なバンドエイドパッチとしてです。

jQuery(document).ready(function($) {
  var $checkBoxes = $('input[type="checkbox"]');
  $('body.page-node .form-type-checkboxes > label').click(function() {
      $checkBoxes.attr('checked', true);
  });                                                                                                                                                                                            
});
1
Patoshi パトシ

このようなものにはコア構成オプションはありません。JavaScript/ jQuery（ http://jsfiddle.net/PtMrM/ ）でなければなりません。

<a href="#" class="check-all">Check All</a>
<label><input type="checkbox" name="ny"> New York</label>
<label><input type="checkbox" name="bos"> Boston</label>
<label><input type="checkbox" name="sfo"> San Francisco</label>
<label><input type="checkbox" name="dc"> Wasington DC</label>
<script type="text/javascript">
  (function($) {
    var $checkBoxes = $('input[type="checkbox"]');
    $('.check-all').click(function() {
      $checkBoxes.attr('checked', true);
    });
  }(jQuery))
</script>

これは非常に高速なjsであり、あまりユーザーフレンドリーではないことに注意してください（たとえば、ユーザーがクリックすると、チェックを外す方法がありません）。

0
Chris Rockwell