Question

<label><input type="radio" name="group1" selected="selected" /> one </label>
<label><input type="radio" name="group1" /> two </label>

<fieldset id="one"> one </fieldset>
<fieldset id="two"> two </fieldset>

我想根据所选的收音机一次显示一个字段集。我知道如何处理<a>，但无线电似乎很难。

感谢您的帮助

Answer 1

你可以给他们一个共同的课程，如下：

<fieldset id="one" class="sets"> one </fieldset>
<fieldset id="two" class="sets"> two </fieldset>

然后给出与ID匹配的单选按钮，如下所示：

<label><input type="radio" name="group1" checked="checked" value="one" /> one </label>
<label><input type="radio" name="group1" value="two" /> two </label>

然后装备和onchange事件，如下所示：

$(function() {
  $("input[name=group1]").change(function() {
    $(".sets").hide();            //hide them all
    $("#" + this.value).show();   //show the one you clicked
  }).filter(':checked').change();                    //show the appropriate one on load
});

You can give it a try here，所有这一切都是每次发生更改时，隐藏该类的所有<fieldset>元素，然后只显示具有相应ID的元素。

带无线电的选项卡式导航

1 个答案: