Dojoを使用してプログラマチックにチェック・ボックスのチェックを設定する

Question

以下のコードはキャッチしません。TypeError：nullの 'checked'プロパティを設定できません。 チェックボックスをオンにしてプログラムで設定する正しい方法は何ですか？まあ

 array.forEach(this._getAllCheckBoxIDs(), function(item){ 
      dom.byId(item).checked = true; 
     }, this); 

Answer 1

、あなたは道場のチェックボックスのコレクションを持っている場合は、その属性を更新するDOMNODEだと一緒にチェックボックスDojoウィジェットを必要とするので、私はregistry.byIdの代わりdojo.byIdを使用するためにあなたをお勧めします。

道場クラス名： -

dijit/registry 

例： - これはあなたを助けることを望ん詳細please click here...

ため

// require registry class first 
array.forEach(this._getAllCheckBoxIDs(), function(item){ 
    registry.byId(item).set("checked", true); 
}, this); 

:)

Answer 2

T次の例は、ウィジェットのプロパティcheckedを設定する方法のプログラム例を示しています。

このスクリプトは、dijit/registryを使用して、DOMのクエリとは逆のチェックボックスの参照を取得します。代わりに、このようなあなたのウィジェットのプロパティを直接設定する

：これはウィジェットのライフサイクルが正常に動作することができます

widgetReference.set('checked', true); 

：

dom.byId(item).checked = true; 

私は次のようにセッターを使用してお勧めします。

ここに住ん例：

https://jsfiddle.net/femtf4uh/

require(["dijit/form/CheckBox", "dijit/registry", "dijit/form/Button", "dojo/domReady!"], function(CheckBox, registry, Button) { 
    new CheckBox({ 
    id: "checkBox0", 
    name: "checkBox0", 
    value: "option0", 
    checked: false, 
    onChange: function(event) { 

    } 
    }, "checkBox0").startup(); 
    new CheckBox({ 
    id: "checkBox1", 
    name: "checkBox1", 
    value: "option1", 
    checked: false, 
    onChange: function(event) { 

    } 
    }, "checkBox1").startup(); 

    var markCheckAll = function() { 
    registry.toArray().forEach(function(widget) { 
     if (widget.type === 'checkbox'){ 
     widget.set('checked', true); 
     } 
    }); 
    }; 
    markCheckAll(); 

}); 

---

<input id="checkBox0" /> 
<label for="checkBox">Option 0</label> 
<br> 
<input id="checkBox1" /> 
<label for="checkBox">Option 1</label> 
<br>