1

デフォルトですべてのオプションを選択するjQuery複数選択があります。選択したオプションに変更があるたびに、それに応じてページ データをリロードします。

「すべて選択」ボタンをクリックしてもonChangeイベントがトリガーされず、クリックしてもデータをリロードできないことを除いて、すべてがうまく機能します。イベント ハンドラーを checkAll と selectAll にもアタッチしようとしましたが、役に立ちませんでした。

$("#testselect").multiselect({
        nonSelectedText: 'None',
        allSelectedText: 'All Selected',
        includeSelectAllOption: true,
        buttonWidth: '100%',
        checkAll: function () {
            alert("check all"); // Doesn't work
        },
        selectAll: function () {
            alert("select all"); // Doesn't work
        },
        onChange: function (option, checked, select) {
            alert("onchange") // Works but not for 'All Selected'
            // Do something
        }
});
$("#testselect").multiselect('selectAll', false);
$("#testselect").multiselect('updateButtonText');
4

3 に答える 3

0

メイン チェック ボックスを追加します。

<th>SELECT ALL<br/><input type="checkbox"  onClick="toggle(this)" /></th>

スクリプトを追加:

          <script>

          function toggle(source) {
           checkboxes = document.getElementsByName('checkbox[]');
           if(x=1)
           {
             for(var i=0, n=checkboxes.length;i<n;i++) {
               checkboxes[i].checked = source.checked;
             }}}



           </script>

メインで選択したいチェックボックスを追加します。

<input name="checkbox[]"    type="checkbox" >
于 2016-07-12T09:07:41.210 に答える