如何根据单选按钮类显示/隐藏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;
});

DEMO

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() ;   
});