複数のチェックボックスにチェックを入れたり外したり。
昨日に続いてExtJsネタです。
あ、jQueryも出てきます。
<input type="checkbox" name="btn_test" value="1">
<input type="checkbox" name="btn_test" value="2">
<input type="checkbox" name="btn_test[]" value="3">
…のように、同じnameで各々valueが異なるチェックボックスが複数あるとき、
これらに一括してチェックを入れたり外したりする機能を昨日のソースに
追加しました(・∀・)
複数のエレメントのオブジェクトを取得する際に、jQueryを使うと便利なので
まず、昨日のソースに
<script type="text/javascript" src="/js/jquery.js"></script>
…を追加してjQueryを使えるようにします。
(この場所にjQuery.jsを置かないといけませんが)
<script type="text/javascript">
function test(){
var boboboVar = Ext.get('bobobo');
var valvalvalue = (boboboVar.getValue() == "有" ? true:false);
var setVal = (valvalvalue ? "無":"有");
boboboVar.set({'value':setVal},false);
var array_btn = $(document.getElementsByName('btn_test[]'));
Ext.each(
array_btn,
function(data, i, src){
data.checked = valvalvalue;
}
);
}
</script>