バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

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

統計情報

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

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1291
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
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.