# チェックボックスのラベルの位置を変更したい

**URL:** https://community.cybozu.dev/t/topic/8086
**Category:** kintone 開発相談
**Created:** [2023 年 9 月 11 日午前 6:01 UTC](https://community.cybozu.dev/t/topic/8086 "2023-09-11T06:01:29Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![ssk\_ookouchi](https://avatars.discourse-cdn.com/v4/letter/s/2acd7d/32.png) [@ssk\_ookouchi](https://community.cybozu.dev/u/ssk_ookouchi)
#### Post date: [2023 年 9 月 11 日午前 6:01 UTC](https://community.cybozu.dev/t/topic/8086/1 "2023-09-11T06:01:29Z")

</div>

入力フォームを開いた際に、チェックボックスのラベルを左に、チェックボックスを右に配置したいです。

kintoneアプリで入力フォームを作成しましたが、ユーザからチェックボックスのラベルとチェックボックスの位置が逆の方が良いという意見をいただきました。  
カスタマーサポートに確認したところ、標準機能では搭載されていないと回答され、カスタマイズについてはこちらのコミュニティを活用することを提案されました。

kintone チェックボックスのラベルの位置を変更する と調べても望む検索結果を見つけられなかったため、ざっくりとした質問となってしまいますが、こちらにてご質問させていただきます。  
よろしくお願いいたします。

---

<div class="post-metadata">

### Author: ![y\_minamitani9534](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/y_minamitani9534/32/462_2.png) [@y\_minamitani9534](https://community.cybozu.dev/u/y_minamitani9534)
#### Post date: [2023 年 9 月 11 日午前 6:57 UTC](https://community.cybozu.dev/t/topic/8086/2 "2023-09-11T06:57:53Z")

</div>

@ssk_ookouchi さん

こんにちは、ユーザというのは何かお客様の環境を触られているのでしょうか…？  
軽くチェックボックスの要素を確認してみましたが、チェックボックスの □ はCSSの疑似要素で作られているようですね。  
加えてinput要素の順番は入れ替える必要があるかどうかはわかりません…

ちなみに、kintoneではフィールドコードを利用してDOM要素を取得できる関数を用意してくださっているのですが、レコード新規・編集画面では使用できないので querySelector()などで取得する必要がありそうです。  
加えて、こういったDOM要素の取得ですがkintoneのアップデートで変わる可能性がありある日突然使えなくなってまたコードを変更する必要があるなど可能性がございますので、そちらも考慮したほうがよさそうですね…

> **[【JavaScript入門】querySelector()によるHTML要素の取得方法まとめ！ | 侍エンジニアブログ](https://www.sejuku.net/blog/70581)**
>
> この記事では「 【JavaScript入門】querySelector()によるHTML要素の取得方法まとめ！ 」といった内容について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読ください。

> **[疑似要素のCSSの値（content）をJavaScriptで制御する4パターン | HPcode（えいちぴーこーど）](https://haniwaman.com/jquery-pseudo/)**
>
> ::afterや::beforeなどの疑似要素はDOMではないため、jQueryで制御できません。 しかし、無理やり変換する方法はあるので、その方法をまとめておきます。 プロパティを取得して変換するパターン 実際に値を取得するプロセスがある

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)
#### Post date: [2023 年 9 月 22 日午前 5:19 UTC](https://community.cybozu.dev/t/topic/8086/3 "2023-09-22T05:19:34Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
