1

一部の JavaScript コードに問題があり、誰かが助けてくれるかどうか疑問に思っていました。私は登録フォーム、特に「他の人を登録する」部分に取り組んでいます。javascript でラジオ ボタン グループを複製しようとすると、グループ名属性を変更したくないようです。

これがJavaScriptです：

<script type="text/javascript">
$(document).ready(function(){

    $('#add').click(function() {
    $('<div class="container_add_registrant" >
    <p class="text_content">First name:<br /><input type="text" name="add_registrant[][fname]" id="add_registrant[][fname]" /></p>
    <p class="text_content">Last name:<br /><input type="text" name="add_registrant[][lname]" id="add_registrant[][lname]" /></p>
    <p class="text_content">Workout option: <?php get_event_options_additional($event_id); ?></p>

    <p class="text_content">Shirt size:<input type="radio" name="add_registrant[][shirtsize]" value="S" id="S" />S&nbsp;&nbsp;<input type="radio" name="add_registrant[][shirtsize]" value="M" id="M" />M&nbsp;&nbsp;<input type="radio" name="add_registrant[][shirtsize]" value="L" id="L" />L&nbsp;&nbsp;<input type="radio" name="add_registrant[][shirtsize]" value="XL" id="XL" />XL</p>

    <p class="text_content">Is this person a cancer survivor?:<input type="radio" name="add_registrant[][survivor]" value="Y" id="Y" />Yes <input type="radio" name="add_registrant[][survivor]" value="N" id="N" />No </p></div>')
    .fadeIn('slow').appendTo('.add_registrant');

    i++;
    });

    $('#remove').click(function() {
        if(i > 0) {
            $('.container_add_registrant:last').remove();
            i--;
        }
    });

});

 </script>

コードのこの部分が問題のようです:

<p class="text_content">Shirt size:
   <input type="radio" name="add_registrant[][shirtsize]" value="S" id="S" />S&nbsp;&nbsp;
   <input type="radio" name="add_registrant[][shirtsize]" value="M" id="M" />M&nbsp;&nbsp;
   <input type="radio" name="add_registrant[][shirtsize]" value="L" id="L" />L&nbsp;&nbsp;
   <input type="radio" name="add_registrant[][shirtsize]" value="XL" id="XL" />XL
</p>

ここに再びフィドルの URL があります (申し訳ありませんが、このサイトを使用するのは初めてです)。

http://jsfiddle.net/4qaaN/1/

「他の人を登録する」を少なくとも 2 回クリックすると、ラジオ ボタンで発生している問題が表示されます。

4

1 に答える 1

1

ですでに新しい登録者の数を数えているのでi、実行時に名前にそれを入れて、それらを分離することができます。ここに例があります。

本質的に、それはちょうど

'<input type="radio" name="add_registrant[][shirtsize]' + i + '" value="S" id="S" />'

iサーバー側で解析するために好きなように、どちらの側でもかまいません。

于 2012-05-18T15:34:29.760 に答える