使用RadioButton

Question

我想要一个带有单选按钮的表单，其下方链接为＆＃34;更多信息＆＃34;并根据所选按钮，显示此链接的更多相应信息。

这是我的代码。但它不起作用： - （

＆＃13;

＆＃13;

$(document).ready(function(){
  $("div").hide();
});

$(document).ready(function(){
  if($('input:radio[name="tarif"][value="jour"]').prop('checked', true)){
    $("button").click(function(){
        $(".jour").toggle();
    });
  } else if($('input:radio[name="tarif"][value="nuit"]').prop('checked', true)){
    $("button").click(function(){
        $(".nuit").toggle();
    });
  }
});

＆＃13;

<INPUT type= "radio" name="tarif" value="jour"> tarif de jour
<INPUT type= "radio" name="tarif" value="nuit"> tarif de nuit
<a href=# class="info">More information</a>
<div class="jour">
  <p>
    qedaqteeteataeteteat
  </p>
</div>
<div class="nuit">
  <p>
    ZEFSZEFSGDHZEGSHGREZREGR
  </p>
</div>
<button>Toggle between hide() and show()</button>

＆＃13;

＆＃13;

＆＃13;

拜托，你能帮助我吗？

Answer 1

使用该按钮想要完成的内容还不是很清楚，但假设您只需要单选按钮来切换选项（根据用户选择显示特定的div或链接），这可能对您有用： / p>

$(document).ready(function(){
    $("[name=tarif]").click(function() {
        $("div").hide(); // not very safe, you probably want to add a class to those divs
        $("."+$(this).val()).show();
   });
});