w2toolbar.check

check(id1, [id2], ...)

idを指定してアイテムをチェックします。 (押されたボタンのような見た目になります。) 戻り値はintegerです。

id: string

チェックするアイテムのid。

説明

ツールバーに.items配列が存在していなければなりません。 ツールバーアイテムは.idプロパティで識別されます。 アイテムがラジオボタンのグループの1つである場合、 対象のアイテム以外のアイテムの選択状態が解除されます。 このメソッドは、元々チェックされていなかった^*1アイテムがチェックされた場合に、その個数を返します。

*1 "元々チェックされていなかった"かどうかは判定しておらず、指定したアイテムの個数を返すようです。

ツールバーが以下のように定義されている場合、

$('#toolbar').w2toolbar({
    name  : 'toolbar',
    items : [
        { type: 'check',  id: 'item1', text: 'Check', img: 'icon-page', checked: false },
        { type: 'radio',  id: 'item3',  group: '1', text: 'R-1', img: 'icon-add' },
        { type: 'radio',  id: 'item4',  group: '1', text: 'R-2', img: 'icon-add' }
    ]
});

以下のように指定することができます。

w2ui['toolbar'].check('item1');

デモ

ボタンをクリックすると、アイテムをチェックします。

JavaScript

$('#toolbar').w2toolbar({
  name  : 'mytoolbar',
  items : [
    { type: 'check',  id: 'item1', text: 'check1' },
    { type: 'check',  id: 'item2', text: 'check2' },
    { type: 'check',  id: 'item3', text: 'check3', checked: true },
  ],
});

$('#get-result').on('click', function(){
  var result = w2ui['mytoolbar'].check('item1', 'item3');
  document.getElementById('result').innerHTML = result + '個をチェック';
});

HTML

<button id="get-result">実行</button>
<div>
  <span id="result"></span>
</div>
<div id="toolbar"></div>