Javascript 选择单选按钮时隐藏/显示3个文本框

我有两个单选按钮。在选择一个时，我想显示3个文本框，并在选择另一个时将其隐藏

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

这是代码

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

这是我的两个单选按钮

<input type="radio" name="type"> Fresher

<input type="radio" name="type"> Experienced 

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

更新鲜
有 经验

单击单选按钮，我想显示这3个文本框

Company Name: <input type="text"  hidden="true"/> <br/>
Designation: <input type="text" hidden="true"/> <br/>
Year_of_Experience: <input type="text"  hidden="true"/> <br/>

<input type="text"  hidden="true" class="text"/> <br/>
 <input type="text" hidden="true" class="text"/> <br/>
<input type="text"  hidden="true" class="text"/> <br/>

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

公司名称：

名称：

工作年限：

---

请帮我用javascript来解决这个问题，因为它是新的。

请看，html元素没有唯一的标识，我只是以一种通用的方式给出了这段代码

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

试试看

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

---

这是最好的例子。试着这样做。这是一种例子

$("input[type='radio']").change(function(){

if($(this).val()=="other")
{
    $("#otherAnswer").show();
}
else
{
       $("#otherAnswer").hide(); 
}

});

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

我想这会更新鲜地解决你的问题

<input type="radio" name="type" onClick ="radio"> Fresher
<input type="radio" name="type" onClick ="radio">  Experienced 

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

有 经验 单击单选按钮，我想显示这3个文本框

Company Name: <input type="text"  hidden="true"/> <br/>
Designation: <input type="text" hidden="true"/> <br/>
Year_of_Experience: <input type="text"  hidden="true"/> <br/>

<input type="text"  hidden="true" class="text"/> <br/>
 <input type="text" hidden="true" class="text"/> <br/>
<input type="text"  hidden="true" class="text"/> <br/>

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

和javascript：-

<script>
 function radio()
{
     var result = document.getElementsByClassName('text'").style.display="none";

}
</script>

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

函数无线电（）
{
var result=document.getElementsByClassName（'text'）.style.display=“无”；
}

试试这个

<input type="radio" name="type" value="fresher"> Fresher
<input type="radio" name="type" value="exp"> Experienced 

<br/>

<input class="box" type="text"  hidden="true"/> <br/>
<input class="box" type="text" hidden="true"/> <br/>
<input class="box" type="text"  hidden="true"/> <br/>

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

试试这个

<input type="radio" name="type" id="fresh"> Fresher
<input type="radio" name="type" id="exp"> Experienced 
<input type="text" class="hid" hidden="true"/> <br/>
<input type="text" class="hid" hidden="true"/> <br/>
 <input type="text" class="hid"  hidden="true"/> <br/>

 $("#fresh").change(function(){
     $('.hid').css("style","display:none");  
 });

 $("#exp").change(function(){
     $('.hid').css("style","display:block");  
 });

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

更新鲜
有 经验






$（“#新鲜”）.change（函数（）{
$（'.hid'）.css（“样式”，“显示：无”）；
});
$（“#exp”）.change（函数（）{
$（'.hid'）.css（“样式”，“显示：块”）；
});

您可以按如下方式执行此操作。首先将HTML更改为：

<input type="radio" name="type" value="Fresher"> Fresher
<input type="radio" name="type" value="Experienced"> Experienced

<div id="textboxes" style="display: none">
    Company Name: <input type="text" hidden="true"/> 
    Designation: <input type="text" hidden="true"/> 
    Year_of_Experience: <input type="text" hidden="true"/> 
</div>

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

您可以使用这个JSFiddle查看它是如何工作的：

fresh
 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

有经验的







$（函数（）{
$（'#expradio'）。单击（函数（）{
$（'.txbx'）.attr（'hidden'，false）；
});           
$（'#frsradio'）。单击（函数（）{
$（'.txbx'）.attr（'hidden'，true）；
});
});

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

您需要在更改时用单选按钮编写代码

 Using the Id get the value of radio button

                    var val=$('#radioId').val;

                      if(val=='Fresher')
        {
                    $("#textbox 1").show();
                    $("#textbox 2").show();
                    $("#textbox 3").show();
                    }
                   else if (val=='Experienced'){

                    $("#textbox 1").hide();
                    $("#textbox 2").hide();
                    $("#textbox 3").hide();

                     }

---

我知道这很愚蠢，但是你能告诉我我必须添加哪个jQuery吗？下面的@user3367831行吗？这应该足够了。我已经更新了JSFIDLE，表明它可以与jQuery 1.7.2一起工作。但是如果你有选择，你应该使用最新的版本：1.11.0。但是这在我的pro中不起作用j、 我已经将脚本标记和jquery代码放在head标记中，然后我的body标记开始。这是正确的还是我应该进行任何更改？？？@user3367831在如何包含jquery库方面有两个错误。首先，使用

typ=“text/javascript”

，应该是

type=“text/javascript”“

。其次，

src

属性没有指向有效的文件，因为您缺少http://前缀。正确的包含代码是：

Oh，您必须在

$（function（）

code.$（function（）{$（'input[name=“type”]）之前包含jQuery库。on（'click'，function（）{if（$（this）.val（）='experied'）{$（'textboxs'）。show（）；}else{$（'textboxs'）。hide（）}}）；有经验的新生公司名称：名称：年份