0

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

任何机构都可以帮我解决这个问题吗?

4

5 回答 5

2

您的单选按钮的名称应该与检查单击事件或制作单选按钮的数组名称相同

像下面的代码

<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-16T08:31:09.887 回答
0

除了Experienced中的错字,尝试为每个单选按钮设置一个点击事件:

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

笔记:

您可以简化选择器以使用 id:

$('#abc')

$('#xyz')
于 2013-03-16T08:27:39.647 回答
0

修复:

$(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-16T08:31:34.620 回答
0

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-16T08:33:04.123 回答
0

将拼写更改为Experienced

你用过

if (value == 'Experianced')
于 2013-03-16T08:22:32.323 回答