如何基于单选按钮类显示/隐藏div？

Question

我在表单中有这段HT​​ML代码

<input class="show-uploader" type="radio" name="mal" value="myval">

当用户单击此值时，我想显示一个带有以下类的div：.mydiv

 $("input[name=mal]").change(function() {
    $(".mydiv").show();
}); 

我可以做这样的事情吗：

$(".show-uploader").click(function () {
    $(".mydiv").toggle('slow');
    return false;
});

Answer 1

请尝试这个

$(".show-uploader").click(function () {
    $(".mydiv").toggle('slow');
    return false;
});

演示

Answer 2

 $("input[name=mal]").change(function() {
    $(".mydiv").show();
});

由于您正在使用收音机，因此无论您在组中签入哪个收音机都将始终显示div。 没有理由不应该在上面的代码中显示它。 您确定它具有mydiv类吗？

这是您的代码的摆弄。 我假设您有小提琴中的CSS http://jsfiddle.net/3a7g4gcp/

这是一个带有修改的显示/隐藏无线电代码的小提琴，我正在检查是否检查了.show-uploader类项，并显示了div或隐藏div取决于。

http://jsfiddle.net/to2sz4m2/

$("input[name=mal]").change(function() {
    $('.show-uploader').is(':checked') ? $('.mydiv').show() :  $('.mydiv').hide() ;   
});