Javascript 隐藏在单选按钮上

我有两个单选按钮，分别是YES（值=1）和NO（值=0），单击YES时，我使用以下代码显示隐藏的除法：

     $("#regaddress").change(function(){
    if ($(this).val() == "1" ) {
        $("#registeredaddress").slideDown("fast"); //Slide Down Effect
    } else {
        $("#registeredaddress").slideUp("fast");    //Slide Up Effect
    }
});

单选按钮代码：

<input name="regaddress" id="regaddress" type="radio" value="1">Yes
<input name="regaddress" id="regaddress" type="radio" value="0" checked> No 

是
不

---

我需要的是当你们点击“否”时隐藏该分区的代码。对于你们中的一些人来说，这应该是一个简单的答案，但我个人今天下午想把我的头撞到墙上，试图找出如何隐藏它

这很简单，因为您在原始问题中没有发布

id

或

name

属性，所以我将其抽象为以下内容：

html

考虑到

slideUp（）

和

slideDown（）

用法，对其稍作修改：

$(document).ready(
    function(){
        $('input:radio[name=state]').change(
            function(){
                if ($(this).val()==1) {
                    $('#hidden').slideDown(1000).text('This div is no longer hidden.');
                }
                else {
                    $('#hidden').slideUp(1000).text('This div is now hidden.');
                }
            }
            );
    });

---

最终编辑以考虑您的

id

和

name

属性：

$(document).ready(
    function(){
        $('input:radio[name=regaddress]').change(
            function(){
                if ($(this).val()==1) {
                    $('#registeredaddress').slideDown(1000).text('This div is no longer hidden.');
                }
                else {
                    $('#registeredaddress').slideUp(1000).text('This div is now hidden.');
                }
            }
            );
    });

---

这很简单，因为您在原始问题中没有发布

id

或

name

属性，所以我将其抽象为以下内容：

html

考虑到

slideUp（）

和

slideDown（）

用法，对其稍作修改：

$(document).ready(
    function(){
        $('input:radio[name=state]').change(
            function(){
                if ($(this).val()==1) {
                    $('#hidden').slideDown(1000).text('This div is no longer hidden.');
                }
                else {
                    $('#hidden').slideUp(1000).text('This div is now hidden.');
                }
            }
            );
    });

---

最终编辑以考虑您的

id

和

name

属性：

$(document).ready(
    function(){
        $('input:radio[name=regaddress]').change(
            function(){
                if ($(this).val()==1) {
                    $('#registeredaddress').slideDown(1000).text('This div is no longer hidden.');
                }
                else {
                    $('#registeredaddress').slideUp(1000).text('This div is now hidden.');
                }
            }
            );
    });

---

另外，如果您感兴趣，我做了一些类似的事情，您可以将其用于几乎任何类型的复选框或表单元素。对于您正在做的事情来说，这可能有点过火，但如果您经常做这件事，它会很方便，因为您可以将它粘贴到js文件中，并在需要时调用它。

此外，如果您感兴趣，我也做了类似的事情，您可以将其用于几乎任何类型的复选框或表单元素。对于您正在做的事情来说，它可能有点过火，但如果您经常做这件事，它会很方便，因为您可以将它粘贴到js文件中，并在需要时调用它。

您的单选按钮是否有名称或ID？您可以使用相同的代码，但不使用（此）。val使用名称或ID来定位它，然后隐藏您的单选按钮是否有名称或ID？您可以使用相同的代码，但不使用（this）。val使用名称或ID将其作为目标，然后隐藏