javascript - 隐藏单选按钮

Question

我有两个单选按钮，分别是"is"(值=1)和“否”(值=0)，当您单击"is"时，我使用以下代码显示隐藏的分区:

     $("#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 

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

Answer 1

这很简单，因为您在原始问题中没有发布 id 或 name 属性，我已将其抽象为以下内容:

html

<form action="" method="post">
    <fieldset>
        <input type="radio" value="0" name="state" id="no" />
        <label for="no">No</label>
        <input type="radio" value="1" name="state" id="yes" />
        <label for="yes">Yes</label>
    </fieldset>
</form>
<div id="hidden">This div is hidden</div>

jQuery

$(document).ready(
    function(){
        $('input:radio[name=state]').change(
            function(){
                if ($(this).val()==1) {
                    $('#hidden').show();
                }
                else {
                    $('#hidden').hide();
                }
            }
            );
    });

Demo of the above posted at JS Fiddle .

稍微修改以考虑 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.');
                }
            }
            );
    });

Demo at JS Fiddle .

<小时/> 最终编辑，考虑您的 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.');
                }
            }
            );
    });

Demo at JS Fiddle