# selectedOptionの属性をJSで取得する

RadioBox、CheckBox、Selectの選択結果に対して、**selectedOption**で属性をJSで取得できます。

checkboxの属性を取得しラベルに表示をしてみます。\
ラベルへの表示方法は、[ラベル文字をJavaScriptで設定](https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/raberuwojavascriptde)も参照してください。

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-7fe5995d5fe28643cff9f48cd7faac7ed89ceeb8%2FselectedOption%E3%81%A7%E5%B1%9E%E6%80%A7%E3%82%92JS%E3%81%A7%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%20.png?alt=media" alt=""><figcaption></figcaption></figure>

* チェックボックスコンポーネントとラベルコンポーネントをドラッグアンドドロップで設置します。
* どちらかのコンポーネントを選択しJavaScriptを追加します。
* チェックボックスのオブジェクトに任意の名前入力（ここではcheckboxとしている）とラベルに任意の名前（ここではgetCheckboxとしている）を入力します。
* 本番処理の例として以下を記述します。\
  let index\
  index = checkbox.selectedOption\[0].index\
  getCheckbox.setValue(index)
* 実行ボタンを押下し「実行に成功しました」が表示され、ラベル文字に取得したselectedOptionのindexが表示されたことが確認できます。