0

次のように、HTML チェックボックスの簡単なリストがあります。

   <input type="button" class="check" value="check all" onclick="foo()"/>

   <input type="checkbox" class="chk" value="1"/> Checkbox  1
   <input type="checkbox" class="chk" value="2"/> Checkbox  2
   <input type="checkbox" class="chk" value="3"/> Checkbox  3

「すべてをチェック」ボタンをクリックすると、すべてのチェックボックスを選択し（もう一度切り替えるとすべてのチェックボックスが選択解除されます）、選択した値を配列で返すExtJS関数を書きたいと思います。私はjQueryを使用してそれを行いましたが、非常に新しいExtJSを使用して記述する必要があります。

4

3 に答える 3

0

別の解決策:

マークアップ:

<input id="toggle" type="checkbox" name="toggle" value="true"><br />
<input class="chk" type="checkbox" name="chk[]" value="1"><br />
<input class="chk" type="checkbox" name="chk[]" value="2"><br />
<input class="chk" type="checkbox" name="chk[]" value="3">

JS:

document.getElementById('toggle').onclick = function() {
  var isChecked = false;
  if (this.checked) isChecked = true;
  Ext.select('.chk').each(function(el) {
    el.dom.checked = isChecked;
  });    
};

JsFiddle: http://jsfiddle.net/rayphi/ZeTvX/

于 2013-07-21T11:14:27.013 に答える