如何隐藏/单选按钮点击事件，在输入框中

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

任何机构可以帮助我如何解决这个问题吗？

来源

2013-03-16 user2151001

变化的拼写Experienced

您使用

if (value == 'Experianced')

来源

2013-03-16 08:22:32 PSR

除了错字在经验，尝试建立一个点击事件的每个单选按钮：

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

注：

您可以简化您选择使用IDS使用：你的单选按钮的

$('#abc')

和

$('#xyz')

来源

2013-03-16 08:27:39 Aiias

的名称应该是相同的检查上点击事件或让你的单选按钮

的数组名

像下面的代码

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

请回复，如果我可以帮你更多......

来源

2013-03-16 08:31:09

修复有：

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

来源

2013-03-16 08:31:34

HTML：

<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>

的相同

单选按钮组应该有相同的name

Js：

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

来源

2013-03-16 08:33:04 Anujith

如何隐藏/单选按钮点击事件，在输入框中

回答

相关问题