-1

我有以下两个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>

现在要在两个 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被选中，HOWEVER当我单击单选按钮时，其中一个 div 被正确隐藏，没有任何反应。

谁能告诉我我做错了什么？

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向无线电元素提供了两次

  • id="optionsRadios1"和id="select_lejer"
  • id="optionsRadios1"和id="select_udlejer"

另外，使用change事件而不是click

于 2013-10-06T13:33:18.993 回答