バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > チェックボックスのチェックが外せない

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
h_tanaka
投稿日時: 2019/5/20 19:32
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: チェックボックスのチェックが外せない
一応、自己解決しました。

有効な値のフォームがないと submit と判定されないようなので、無理やり意味のない値を持つ隠しフォームを作成しました。

スマートなやり方でないと思うので、他に良い方法ありましたらお教えいただきたいです。

app/Customize/Form/Type/PaperBagType.php
            ->add('tmp', HiddenType::class, [
                'required' => false,
                'mapped' => false,
                'data' => 1,
            ])


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

h_tanaka
投稿日時: 2019/5/20 19:11
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
Re: チェックボックスのチェックが外せない
dump($form->isSubmitted());
dump($form->isValid());
してみたところ、どちらも false が返ってきました。
チェックボックスをOFFにしたときは残りのフォームを disabled にしていますが、この場合は submit でないというような判定がされちゃうのでしょうか...?


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

h_tanaka
投稿日時: 2019/5/20 18:37
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1610
チェックボックスのチェックが外せない
EC-CUBE4.0.2

フロントのマイページ内に新規ページを作成し、チェックボックスのフォームを作成しました。
チェックを入れて保存することはできました。
しかし、チェックを外して保存することができません。
チェックがついているチェックボックスをクリックすると、見た目はチェックが外れるように見えるのですが、ブラウザの開発者ツールでソースを見ると、checked="checked" がついたままになっています。
このまま保存しようとすると、保存処理に行かずに、バリデーションではじかれたときのように画面が再表示されてしまいます。
このとき、フォームエラー等はなにも表示されず、チェックはついたままになっています。
原因わかりますでしょうか?

app/Customize/Entity/PaperBag.php
        /**
         * @var boolean
         *
         * @ORM\Column(name="attach_paper_bag", type="boolean", options={"unsigned":true,"default":false}, nullable=true)
         */
        private $attach_paper_bag = false;


app/Customize/Form/Type/PaperBagType.php
        $builder
            ->add('attach_paper_bag', CheckboxType::class, [
                'label' => 'ペーパーバッグをつける(+¥500/個)',
                'required' => false,
                'value' => 1,
            ])


html/template/test/assets/project/js/custom.js
$(function() {
    // ページ読み込み時
    $(document).ready( function(){
        toggleAttachPaperBag($('#paper_bag_attach_paper_bag'));
    });

    // ペーパーバッグをつけるの選択
    $('#paper_bag_attach_paper_bag').on('change', function() {
        toggleAttachPaperBag($(this));
    });
    var toggleAttachPaperBag = function(checkboxObj) {
        if (checkboxObj.prop('checked')) {
            $('form').find(':input').attr('disabled', false);
        } else {
            $('form').find(':input').attr('disabled', true);
            checkboxObj.attr('disabled', false);
            $('#registerButton').attr('disabled', false);
        }
    };
});


app/template/test/Mypage/paper_bag.twig
<dl>
    <dt>
        {{ form_label(form.attach_paper_bag, { 'label_attr': { 'class': 'ec-label' }}) }}
    </dt>
    <dd>
        <div class="ec-checkbox{{ has_errors(form.attach_paper_bag) ? ' error' }}">
            <label>
                {{ form_widget(form.attach_paper_bag) }}
            </label>
            {{ form_errors(form.attach_paper_bag) }}
        </div>
    </dd>
</dl>


チェックを外したときのソース
<dl>
    <dt>
    </dt>
    <dd>
        <div class="ec-checkbox">
            <label>
                <input type="checkbox" id="paper_bag_attach_paper_bag" name="paper_bag[attach_paper_bag]" value="1" checked="checked">
                <label for="paper_bag_attach_paper_bag">
                    <span>ペーパーバッグをつける(+¥500/個)</span>
                </label>
            </label>
        </div>
    </dd>
</dl>
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,282名です
総投稿数は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.