バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
h_tanaka
投稿日時: 2019/5/20 18:37
対応状況: −−−
登録日: 2016/7/22
居住地: 愛媛県
投稿: 1010
チェックボックスのチェックが外せない
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>
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
 » チェックボックスのチェックが外せない h_tanaka 2019/5/20 18:37
     Re: チェックボックスのチェックが外せない h_tanaka 2019/5/20 19:11
       Re: チェックボックスのチェックが外せない h_tanaka 2019/5/20 19:32

 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は62,420名です
総投稿数は96,308件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
468
2317
4
nanasess
2044
5
yuh
1612
6
umebius
1588
7
red
1403
8
h_tanaka
1010
9
fukap
907
10
tsuji
863
11
shutta
835
12
tao_s
792
13 ramrun 789
14 karin 656
15 sumida 641
16
homan
633
17 DELIGHT 571
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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