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

Question

我想在单选按钮单击事件上隐藏和显示输入字段，我的 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>

我想要的是，当单击带有 value="Fresher" 的单选按钮时，输入框 name="cardno" 应隐藏。

我尝试使用 jQuery 来解决这个问题，但它不起作用。

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

有人可以帮我解决这个问题吗？

Answer 1

单选按钮的名称应与检查单击事件或为单选按钮创建数组名称相同

如下面的代码

<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();
    }
});

如果我可以帮助您，请回复..