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

用户名

:当用户选择正确的单选按钮时,我想显示一个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);
             });
    });

有什么解决方案?谢谢!!

Tushar Gupta-好奇

小提琴演示

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery的隐藏和显示DIV选择单选按钮时

来自分类Dev

根据单选按钮选择显示/隐藏div

来自分类Dev

根据单选按钮选择显示/隐藏div

来自分类Dev

div不显示/隐藏单选按钮选择

来自分类Dev

jQuery隐藏/显示单选按钮选择

来自分类Dev

jQuery基于两个单选按钮和选择选项显示和隐藏div

来自分类Dev

ASP.NET单选按钮选择以隐藏/显示div部分

来自分类Dev

jQuery单选按钮根据选择/选中显示/隐藏

来自分类Dev

基于 jQuery 中的单选按钮选择显示和隐藏内容

来自分类Dev

使用jQuery根据单选按钮选择隐藏div

来自分类Dev

jQuery隐藏/显示div,带有单选按钮控件

来自分类Dev

使用jQuery Cookie使用单选按钮显示/隐藏div

来自分类Dev

jQuery / css,基于单选按钮单击显示和隐藏div

来自分类Dev

在单选按钮选择上显示或隐藏表单

来自分类Dev

jQuery-根据单选按钮选择显示div

来自分类Dev

jQuery使用单选按钮隐藏和显示

来自分类Dev

选择单选按钮时显示div

来自分类Dev

选择单选按钮时显示div

来自分类Dev

Angular 9 Reactive表单根据单选按钮选择显示隐藏div

来自分类Dev

如何在单选按钮选择的基础上显示和隐藏div

来自分类Dev

选择后隐藏单选按钮并在新 div 中显示选定的值

来自分类Dev

根据单选按钮选择使用jQuery隐藏/显示文本框

来自分类Dev

根据单选按钮选择,使用jQuery隐藏/显示文本框

来自分类Dev

如何使用jQuery在MVC中选择其他单选按钮时使div可见和隐藏?

来自分类Dev

用于单选按钮和显示/隐藏div的jQuery或Javascript解决方案

来自分类Dev

如何使显示和隐藏输入的单选按钮在jquery克隆的div中起作用?

来自分类Dev

显示/隐藏单选按钮上的按钮单击jQuery

来自分类Dev

OnClick单选按钮显示隐藏div angular js

来自分类Dev

单击单选按钮以滑动并显示隐藏的div并传递值

Related 相关文章

  1. 1

    jQuery的隐藏和显示DIV选择单选按钮时

  2. 2

    根据单选按钮选择显示/隐藏div

  3. 3

    根据单选按钮选择显示/隐藏div

  4. 4

    div不显示/隐藏单选按钮选择

  5. 5

    jQuery隐藏/显示单选按钮选择

  6. 6

    jQuery基于两个单选按钮和选择选项显示和隐藏div

  7. 7

    ASP.NET单选按钮选择以隐藏/显示div部分

  8. 8

    jQuery单选按钮根据选择/选中显示/隐藏

  9. 9

    基于 jQuery 中的单选按钮选择显示和隐藏内容

  10. 10

    使用jQuery根据单选按钮选择隐藏div

  11. 11

    jQuery隐藏/显示div,带有单选按钮控件

  12. 12

    使用jQuery Cookie使用单选按钮显示/隐藏div

  13. 13

    jQuery / css,基于单选按钮单击显示和隐藏div

  14. 14

    在单选按钮选择上显示或隐藏表单

  15. 15

    jQuery-根据单选按钮选择显示div

  16. 16

    jQuery使用单选按钮隐藏和显示

  17. 17

    选择单选按钮时显示div

  18. 18

    选择单选按钮时显示div

  19. 19

    Angular 9 Reactive表单根据单选按钮选择显示隐藏div

  20. 20

    如何在单选按钮选择的基础上显示和隐藏div

  21. 21

    选择后隐藏单选按钮并在新 div 中显示选定的值

  22. 22

    根据单选按钮选择使用jQuery隐藏/显示文本框

  23. 23

    根据单选按钮选择,使用jQuery隐藏/显示文本框

  24. 24

    如何使用jQuery在MVC中选择其他单选按钮时使div可见和隐藏?

  25. 25

    用于单选按钮和显示/隐藏div的jQuery或Javascript解决方案

  26. 26

    如何使显示和隐藏输入的单选按钮在jquery克隆的div中起作用?

  27. 27

    显示/隐藏单选按钮上的按钮单击jQuery

  28. 28

    OnClick单选按钮显示隐藏div angular js

  29. 29

    单击单选按钮以滑动并显示隐藏的div并传递值

热门标签

归档