Question

：我想在用户选择正确选择单选按钮时显示div。默认情况下，选择不必显示div的选项。当没有标记时，我想要正确的选择去隐藏div。这是代码。

表格：

<input class="radio" id="re" type="radio" name="recogida" value="domicilio">
<input class="radio" type="radio" name="recogida" value="local" checked><br />
            <div id="domicilio" class="oculto">
            <hr />
            <h3>¿Necesitas cambio?:</h3>
            <input type="number" name="cambio" min="1" max="500" />
            </div>

<style>
 .oculto{
 display:none;
}
</style>

Jquery脚本选项1：

    $(document).ready(function(){ 
    $("input[name$='recogida']").click(function() {
        var nom = $(this).val();
        $("#"+nom).show();
    }); 
});

Jquery脚本选项2：

    $(document).ready(function()
        {
        $(".radio").click(function () {    
            $('#domicilio').toggle(2000);
             });
    });

解决方案是什么？谢谢！

Answer 1

Fiddle Demo

$(document).ready(function () {
    $('#domicilio').hide();
    $(".radio").change(function () { //use change event
        if (this.value == "domicilio") { //check value if it is domicilio
            $('#domicilio').stop(true,true).show(2000); //than show
        } else {
            $('#domicilio').stop(true,true).hide(2000); //else hide
        }
    });
});

显示隐藏的div以选择单选按钮jquery

1 个答案: