バージョン選択

フォーラム

メニュー

オンライン状況

69 人のユーザが現在オンラインです。 (57 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 69
もっと...

サイト内検索

質問 > フロント機能 > チェックボックスのラベルでもチェックをつけられるようにしたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
h_tanaka
投稿日時: 2019/5/28 11:44
対応状況: 解決済
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
チェックボックスのラベルでもチェックをつけられるようにしたい
EC-CUBE4.0.2

CheckboxType でチェックボックスを作成したのですが、ラベル部分をクリックしてもチェックボックスのON/OFFを切り替えることができません。
チェックボックスのレンダリング時に label タグの for をどうやったら指定できるでしょうか?

src/Eccube/Controller/ProductController.php
        $builder = $this->formFactory->createNamedBuilder(
            'no_difference',
            CheckboxType::class,
            null,
            [
                'label' => '無料で絞り込む',
                'required' => false,
                'allow_extra_fields' => true,
            ]
        );


app/template/default/Product/list.twig
<div class="checkboxStyle selectPart pc">
    {{ form_widget(no_difference_form, {'id': '', 'attr': {'class': 'no-difference'}}) }}
</div>


生成されたHTML
<div class="checkboxStyle selectPart pc">
  <div class="form-check">
    <input type="checkbox" id="" name="no_difference" class="no-difference form-check-input" value="1" checked="checked">
    <label class="form-check-label" for="">無料で絞り込む</label>
  </div>
</div>
h_tanaka
投稿日時: 2019/5/28 15:56
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: チェックボックスのラベルでもチェックをつけられるようにしたい
自己解決しました。
フォームに id を指定してやることで、自動的に for も指定されました。

<div class="checkboxStyle selectPart pc">
    {{ form_widget(no_difference_form_pc, {'id': 'no-difference_pc', 'attr': {'class': 'no-difference'}}) }}
</div>


----------------
EC-CUBE 《プラチナ》ランクパートナー
トエビス株式会社 田中 宏典
EC-CUBEの機能やデザインのカスタマイズ承ります。

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,288名です
総投稿数は109,688件です

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.