Question

我使用jquery为表单选择一些选项，当点击单选按钮时显示带有选项的新div，依此类推4个div。

示例：我点击＆＃34; Spreekwoorden＆＃34;打开一个名为＆＃34; niveau＆＃34;当我点击这里一个单选按钮时，它会打开＆＃34; vraagstelling＆＃34;在这里我也点击一个单选按钮。

现在我不想要这个并选择Woordenschat。这必须打开＆＃34; niveau＆＃34; - ＆GT; ＆＃34; vraagstelling＆＃34; - ＆GT; ＆＃34; GROEP＆＃34 ;. 但是，当我这样做时，它会记住我之前做过的动作，并立即打开所有div，并记住点击的单选按钮，我之前点击过。

当我从＆＃34; onderdeel＆＃34;更换时，我怎样才能实现这一目标？脚本不记得点击的单选按钮，我之前打开了div，以便当我再次单击一个单选按钮时显示div？

我把代码放在这里：

[https://jsfiddle.net/gryjjxct/2/][1]jsfiddle[1]

Answer 1

你可以使用一些jquery - removeAttr("checked") - 每次选择一个选项时清除收音机选择：

 $('input[name=onderdeel]').click(function () {

     if (this.id == "show_groepen") {
         $("input[name=vraagstelling]").removeAttr("checked");
         $("#niveau").hide();
         $("#vraagstelling").hide();
         $("#groepen").show('slow');
     } else {
         $("#groepen").hide('slow');
     }

     if (this.id == "show_niveau") {
         $("input[name=vraagstelling]").removeAttr("checked");
         $("#niveau").hide();
         $("#vraagstelling").hide();
         $("#niveau").show('slow');
     } else {
         $("#niveau").hide('slow');
     }
});

Answer 2

我确实对脚本进行了修改。现在＆＃34; onderdeel＆＃34;中的前3个选项工作良好。最后2个不正确，因为已经检查了按钮。

当我从最后一次回到＆＃34; woordenschat＆＃34;第一个＆＃34; spreekwoorden＆＃34;它告诉我所有的div，我不知道为什么

我需要使脚本有效的代码是什么？当像以前一样使用div时，我希望脚本的工作方式就像我回到＆＃34; spreekwoorden＆＃34;。

时从未使用过。

这是我的更新版本：jsfiddle.net/gryjjxct/4 /

jquery show hide div但是onchange它记得它

2 个答案: