バージョン選択

フォーラム

メニュー

オンライン状況

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

PR

先着1,000社 プラグインダウンロード&お申込で1,000円分Amazonギフト券プレゼント amazon pay
広告掲載について

サイト内検索

質問 > フロント機能 > ラジオボタンのレンダリング時にspanタグを追加したい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
h_tanaka
投稿日時: 2018/8/6 15:52
対応状況: 解決済
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 519
ラジオボタンのレンダリング時にspanタグを追加したい
EC-CUBE3.0.16

会員登録ページにて、性別は次のようにレンダリングされています。

{{ form_widget(form.sex) }}

 ↓

<div id="entry_sex">
    <div class="radio">
        <label class="">
            <input type="radio" id="entry_sex_1" name="entry[sex]" value="1">
            男性
        </label>
    </div>
    <div class="radio">
        <label class="">
            <input type="radio" id="entry_sex_2" name="entry[sex]" value="2">
            女性
        </label>
    </div>
</div>


これをレンダリング結果として次のようにラジオボタンのテキスト部分を<span>タグで囲みたいです。
twig でどのように記述すれば実現できるでしょうか?

<div id="entry_sex">
    <div class="radio">
        <label class="">
            <input type="radio" id="entry_sex_1" name="entry[sex]" value="1">
            <span class="txt">男性</span>
        </label>
    </div>
    <div class="radio">
        <label class="">
            <input type="radio" id="entry_sex_2" name="entry[sex]" value="2">
            <span class="txt">女性</span>
        </label>
    </div>
</div>



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

red
投稿日時: 2018/8/6 16:14
対応状況: −−−
登録日: 2010/2/15
居住地:
投稿: 1171
Re: ラジオボタンのレンダリング時にspanタグを追加したい
こういうことでしょうか?
http://d.hatena.ne.jp/shimooka/20120726/1343280157


----------------
EC-CUBEのカスタマイズ承ります
お気軽にお問い合わせ下さい
https://www.ec-cube.net/integrate/partner/partner.php?partner_id=690

h_tanaka
投稿日時: 2018/8/6 16:50
対応状況: −−−
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 519
Re: ラジオボタンのレンダリング時にspanタグを追加したい
red 様

ありがとうございます。
ただ、よく理解できませんでした。。

jQuery で span タグを挿入する方法で自己解決いたしました。
    $(function()
    {
        $('.radio label').each(function()
        {
            $(this).wrapInner('<span class="text"></span>');
        });

        $('.radio input').each(function()
        {
            var parent = $(this).parent();
            $(this).insertBefore(parent);
        });
    });


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

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


 



ログイン


EC-CUBEペイメント

統計情報

総メンバー数は29,901名です
総投稿数は87,059件です

投稿数ランキング

1
seasoft
7331
2
AMUAMU
2712
3
nanasess
1754
4
yuh
1504
5
red
1171
6
468
1144
7
umebius
1007
8
fukap
907
9
shutta
827
10
tsuji
815
11 ramrun 789
12
tao_s
651
13 karin 650
14 sumida 641
15
homan
633
16 DELIGHT 571
17
h_tanaka
519
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

Copyright© LOCKON CO.,LTD. All Rights Reserved.