Question

我有以下两个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标签的visibilty之间切换，我创建了以下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 HOWEVER当我点击单选按钮时没有任何反应。

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

Answer 1

在HTML中ID必须是唯一的，您使用optionsRadios1用于radiobuttons

您的代码

<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

Jquery单选按钮不会注册单击

1 个答案: