0

ちょっと私は、特定のラジオボタンが選択されたときに非表示のdivを表示し、そのラジオボタンが「選択解除」された場合にそのdivを非表示にする非常に単純なjQueryコードを探しています。

チェックボックスで機能させる方法を理解しましたが、ラジオボタンでも機能しない理由がわかりません。

チェックボックスで正常に機能するコードは次のとおりです。

$("#radio-id").click(function(){
   // If checked
    if ($("#radio-id").is(":checked")) {
        //show the hidden div
        $("#div-id").show("slide");
    } else {
        //otherwise, hide it
        $("#div-id").hide("slide");
    }
});
4

2 に答える 2

1

これを試して ：

$("#radio-id").click(function(){
   // If checked
    if ($("#radio-id").is(":checked")) {
        //show the hidden div
        $("#div-id").show("slide");
    } else {
        //otherwise, hide it
        $("#div-id").hide("slide");
    }
});

jsfiddleに基づいて更新します。

<style>
  #div-id{display:none} 
</style>

<div id="testing" >
  <input type ="radio" id="radio-id" name="link" >Option 1</input>
  <input type ="radio" name="link" >Option 2</input>
</div>
<div id="div-id"> IT WORKS!<div>

<script type="text/javascript" >
$("#testing").click(function(){
if ($("#radio-id").is(":checked")) {

        //show the hidden div
         $("#div-id").show("slide");

    } else {


        $("#div-id").hide("slide");
    }
});
</script>

あなたのjsfiddle：

http://jsfiddle.net/YZCN3

新しいjsfiddle：

http://jsfiddle.net/YZCN3/2/

于 2013-01-28T21:50:39.060 に答える
0 
if ($("#radio-id").is(":checked")) {

     //Put code here

} else{

     //Put code here

}

構文エラーが発生したようです。divをチェックできるとは思いません。

于 2013-01-28T21:54:00.133 に答える