onchange不使用单选按钮

我有几个单选按钮，应该调用hider（某些东西）; 当他们改变时，意味着他们被检查或取消选中。 这是有效的，即在检查时它们调用JS函数，但是，如果由于从该组中选择另一个单选按钮而未选中它们，则它不会再次调用js脚本。

我是否需要使用其他东西而不是onchange？

这就是目前单选按钮的样子：

solaris linux 

我的隐藏function目前是：

 function hider(divid) { if ($(divid).is('.hidden')) { $(divid).removeClass('hidden'); } else { $(divid).addClass('hidden'); } } 

Answer 1

由于这个问题仍未得到正确解答，但在谷歌的“单选按钮更改”中对我来说排名很高，这对于任何仍在寻找的人来说都是一个合适的解决方案。

如果您正在使用jQuery，请使用Flavius Stef指出的jQuery 属性选择器 。

OP，你的代码所做的并不完全清楚。 让我们假设你的代码中你想要将“隐藏”类添加到任何活动的单选按钮。

 $("your selector here").change(function() { $('input[name="' + this.name + '"]').removeClass("hidden"); $(this).addClass("hidden"); }); 

请注意$(this) （jQuery对象）和this （DOM对象）之间的区别。 基本上我是从每个输入相同名称的输入中删除“隐藏”类，然后我将“隐藏”类添加到当前输入。

当然我在这里假设您没有在页面上为不同的输入使用重复的名称。 另请注意，这仅适用于单选按钮，因为单选按钮“更改”事件仅在激活时触发，而不是在取消激活时触发。

在复选框和单选按钮上收听onchange

就我而言，我想在活动的单选按钮和复选框中添加一个“已检查”类。 由于复选框在选中和取消选中时都会触发“onchange”事件，因此我需要一些额外的代码。

 $('input[type="radio"]').change(function() { $('input[name="' + this.name + '"]').removeClass("checked"); $(this).addClass("checked"); }); $('input[type="checkbox"]').change(function() { $(this).toggleClass("checked", ($(this).is(":checked"))); }); 

如果.is(":checked")为true ，后一个函数使用toggleClass设置“checked”类。

或者，您可能希望将这两个函数组合成以下内容：

 $('input[type="radio"], input[type="checkbox"]').change(function() { if(this.type == "radio") $('input[name="' + this.name + '"]').removeClass("checked"); $(this).toggleClass("checked", ($(this).is(":checked"))); }); 

无论哪种方式，在收听onclick事件时都要小心，因为当通过键盘导航激活输入时它不会触发。

Answer 2

使用onclick 。

另外作为函数调用的参数，你需要使用id为jQuery选择器的字符串（ '#solaris' ） – 更好的是使用this ：

 solaris 

Answer 3

 solaris linux 

 function hider(divid) { $( 'div.div_class' ).hide(); $( '#' + divid ).show(); } 

确保添加一个类来调用div，并确保在函数调用中在solaris和linux周围加上引号

Answer 4

这是一个你可以从中获取灵感的版本（在Chrome和FF上测试）：

      linux solaris 
 
linux
 
solaris
 
    

Answer 5

如果我理解正确，您可以在每个按钮上使用onClick并隐藏其他按钮，同时显示您点击的按钮。 像这样：

 function showInfo(info) { var info = document.getElementById("1"); info.style.display = "block"; var info = document.getElementById("2"); info.style.display = "none"; } 

所以第一个显示，第二个隐藏。 然后为每个应该隐藏的div添加一个。

你也可以用jQuery做到这一点。

 function showAndHide(val1, val2) { $(val1).hide(); $(val2).show(); } 

并且不要忘记在每个div中都有style =“display：none”。

Answer 6

将更改事件绑定到文档就绪的所有单选按钮：

 $(function(){ $('input[name=list_type]:radio').on("change", function(){ showHideBlock(); }); showHideBlock(); }); 

显示 – 隐藏块取决于ONE单选按钮状态：

 function showHideBlock(){ if ($("#Option").is(':checked')){ $('#Block').show(); } else { $('#Block').hide(); } 

}

Answer 7

你宣布了​​变量solaris和linux吗？ 否则您的浏览器应该显示错误