单选按钮隐藏和显示div jquery [英] radio button hide and show div jquery

问题描述

我有一个带有两个可能值yes或no的单选按钮. 我想当用户按下是"时，将显示一个div，而当否"时， 隐藏div.

I have a radio button with two possible values yes or no. I would like when user press yes a div will be appeared and when no hide the div.

我的代码可以使用，但不能使用

My code is but it does not work:

<script type="text/javascript">
                   $(document).ready(function() {
                   $("div.desc").hide();
                   $("input[name$='pain']").click(function() {
                   var test = $(this).val();
                   $("div.desc").hide();
                  $("#" + test).show();
                    });
                  });
               </script>

         <div id="fieldsetInner">
               <fieldset class="rightInner">
               <legend>pain</legend>
               <label for="pain" class="label2">do you feel pain ; </label>
               <input name="pain" type="radio" value="yes" id="yes" checked="checked"/> Yes  &nbsp;
               <input name="pain" type="radio" value="no"/> No

               <div id="yes" class="desc">
                <label for="pain-feature1-morph" class="label2">Morph : </label>
               </div>
          </div>

预先感谢

推荐答案

我希望这会对您有所帮助

I hope this will help you

   <input name="pain" type="radio" value="yes" id="yes"/> Yes
    <input name="pain" type="radio" value="no" id="no" /> No


    $('input:radio[name=pain]').click(function() {
         if ($('#yes').attr('checked')) {
             $('.desc').show();
           } else if ($('#no').attr('checked')) {
             $('.desc').hide();
          }

        });

这篇关于单选按钮隐藏和显示div jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！