バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
h_tanaka
投稿日時: 2018/8/6 15:52
対応状況: 解決済
仙人
登録日: 2016/7/22
居住地: 愛媛県
投稿: 632
ラジオボタンのレンダリング時に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
居住地:
投稿: 1199
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
居住地: 愛媛県
投稿: 632
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ペイメント

統計情報

総メンバー数は36,250名です
総投稿数は88,524件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1851
4
yuh
1524
5
468
1315
6
red
1199
7
umebius
1007
8
fukap
907
9
shutta
827
10
tsuji
815
11 ramrun 789
12
tao_s
667
13 karin 656
14 sumida 641
15
homan
633
16
h_tanaka
632
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

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