0

私は2つのラジオボタンを持っています、

<div class="class1">
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span>
<span><input name="chk2" type="radio" id="check2"/>Option 2</span>
</div>

今、私はID check1のラジオボタンがclikedされたときにJqueryを使用して非表示のdivを表示し、IDcheck2のラジオボタンがクリックされたときに同じdivを非表示にしています。これがそのコードです。

$(document).ready(function(){
    $("#check1").click(function(){
                                            $("#detail").slideDown("slow");
    });


    $("#check2").click(function(){ 
                                            $("#detail").slideUp("slow");
    })
});

私の問題は、ID check1がクリックされ（Divが表示されます）、値がサーバーに送信され、同じページに戻っているときに、オプションcheck1がクリックされても、divが表示されないことです。attr：checkedなどを使用してdivを保持する他の方法はありますか？あなたの助けに感謝...

4

2 に答える 2

1

オンライン作業デモをチェックしてくださいhttp://jsfiddle.net/kbsYS/ ..私はこれがあなたが実際に望んでいるものだと思います

あなたのjqueryコードは正しいです..問題はあなたの中にありますHTML あなたはラジオボックスで同じ名前を使うべきです

HTML

<div class="class1">
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span>
<span><input name="chk1" type="radio" id="check2"/>Option 2</span>
</div>
于 2012-04-23T07:56:36.780 に答える
0 
$(document).ready(function(){
    if ($("#check1:checked").length) {
        $("#detail").slideDown("slow");
    }

    $("#check1").click(function(){
        $("#detail").slideDown("slow");
    });


    $("#check2").click(function(){ 
        $("#detail").slideUp("slow");
    })
});
于 2012-04-23T07:53:24.017 に答える