コンポーネントの値を設定するだけで、SSJS を使用してチェックボックス グループ内のすべての項目を選択できます。
しかし、CSJS でこれを行うにはどうすればよいでしょうか。
チェックボックスグループの名前がこのコードスニペットであると仮定すると、checkBoxGroup
すべてのチェックボックスをチェックすることでうまくいくはずです。
<xp:checkBox text="Check all" id="chkCheckAll">
<xp:eventHandler event="onclick" submit="false">
<xp:this.script><![CDATA[dojo.query("input[name=\"#{id:checkBoxGroup}\"]").forEach(
function(node) {
node.checked = document.getElementById("#{id:chkCheckAll}").checked;
}
)]]></xp:this.script>
</xp:eventHandler>
</xp:checkBox>
でそれらを選択しdojo.query
、selected プロパティを true に設定します。チェックする必要があります: すべてのボックスには独自の ID がありますが、その始まりは同じです - または - クラスを使用します。または、最初のものを探してから、すべての兄弟を選択します。
戦略は、アプリケーションのニーズによって異なります。
オプションについては、dojo.queryの資料を確認してください。
これはあなたがjqueryでそれを行う方法です
$("[name$=checkBoxGroup1]").attr("checked",true)