-1

私は次の2つのdivブロックを持っています:

<div class="span9" id="lejer">
   <div class="span9" id="udejer">

私の Html には多くのものが含まれていることに注意してください。

ドキュメントの上部に、次のラジオ ボタンがあります。

    <div class="controls">
<label class="radio inline">
    <input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_lejer">
    Jeg er lejer
</label>
    <label class="radio inline">
        <input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_udlejer">
      <p style="padding-left:1em">  Jeg er udlejer</p>
    </label>

</div>

2 つの div タグの可視性を切り替えるために、次の jquery を作成しました。

   jQuery(document).ready(function(){

    $('#select_lejer').click(function(){
        $('#udlejer').hide();
        $('#lejer').toggle( "slow", function() {
        // Animation complete.
        });
    });

    $('#select_udlejer').click(function(){
        $('#lejer').hide();
        $('#udlejer').toggle( "slow", function() {
            // Animation complete.
        });
    });

});

ページが読み込まれると、ラジオ ボタンをクリックしてradio buttonsも div の 1 つがチェックされ、div の 1 つが正しく非表示になります。HOWEVER

誰が私が間違っているのか教えてもらえますか?

4

1 に答える 1

3

ID は HTML 内で一意である必要があり、ラジオボタンに使用optionsRadios1しています

あなたのコード

<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_lejer">
<input id="optionsRadios1" type="radio" name="optionsRadios" value="option1" checked="" id="select_udlejer">

id="optionsRadios1"上記のコードから削除します。

またID、無線要素に2回提供しています

  • id="optionsRadios1"とid="select_lejer"
  • id="optionsRadios1"とid="select_udlejer"

さらに、change代わりにイベントを使用しますclick

于 2013-10-06T13:33:18.993 に答える