Php 如何在单选按钮单击事件上隐藏/显示输入框

我想隐藏和显示单选按钮点击事件我的HTML是输入字段

<input type="radio" id="abc" name="abc1" checked = "checked" value="Experienced" />
<label> Experienced </label>  
<input type="radio" id="xyz" name="xyz1" checked = "checked"  value="Fresher" />
<label>Fresher</label>  
<input type="text"  name="cardno" id="tyx" /><br />
<p > Number</p>

---

有谁能帮我解决这个问题吗？

将拼写改为

experience

你曾经

if (value == 'Experianced')

---

除了在中遇到的打字错误之外，请尝试为每个单选按钮设置一个单击事件：

 $(document).ready(function() {
   $('input[name="abc1"][value="Experienced"]').click(function() {
     $("#tyx").show();
   });
   $('input[name="xyz1"][value="Fresher"]').click(function() {
     $("#tyx").hide();
   });
 });

注意：

您可以简化选择器，以便将ID用于：

$('#abc')

及

---

单选按钮的名称应和检查单击事件或使单选按钮的数组名相同

像下面的代码

<input type="radio" id="abc" name="abc1" checked = "checked" value="Experienced" />
<label> Experienced </label>  
<input type="radio" id="xyz" name="abc1" checked = "checked"  value="Fresher" />
<label>Fresher</label>  
<input type="text"  name="cardno" id="tyx" /><br />
<p > Number</p>

如果我能为您提供更多帮助，请回复。

修复：

$(document).ready(function () {
  $("input[type='radio']").click(function () {
    var value = $(this).val();
    if (value == 'Experianced') {
        $("#tyx").show();
    } else if (value == 'Fresher') {
        $("#tyx").hide();
    }
  });
});

Html:

<input type="radio" id="abc" name="abc1" checked = "checked" value="Experienced" />
<label> Experienced </label>  
<input type="radio" id="xyz" name="abc1" checked = "checked"  value="Fresher" />
<label>Fresher</label>  
<input type="text"  name="cardno" id="tyx" /><br />
<p > Number</p>

$(document).ready(function () {
$("input[name$='abc1']").click(function () {
    var value = $(this).val();
    if (value == 'Experianced') {
        $("#tyx").show();
    } else if (value == 'Fresher') {
        $("#tyx").hide();
    }
});

$(document).ready(function () {
  $("input[type='radio']").click(function () {
    var value = $(this).val();
    if (value == 'Experianced') {
        $("#tyx").show();
    } else if (value == 'Fresher') {
        $("#tyx").hide();
    }
  });
});

<input type="radio" id="abc" name="jobtype" checked = "checked" value="Experienced" />
<label> Experienced </label>  
<input type="radio" id="xyz" name="jobtype" checked = "checked"  value="Fresher" />
<label>Fresher</label>  
<input type="text"  name="cardno" id="tyx" /><br />
<p > Number</p>

$(document).ready(function () {
   $("input[name='jobtype']").click(function () {
      var value = this.value;
      if (value == 'Experienced') {
        $("#tyx").show();
      } 
     else{
        $("#tyx").hide();
      }
   });
});