如何隱藏/單選按鈕點擊事件，在輸入框中

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

變化的拼寫Experienced

您使用

if (value == 'Experianced') 

Answer 2

除了錯字在經驗，嘗試建立一個點擊事件的每個單選按鈕：

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

注：

您可以簡化您選擇使用IDS使用：你的單選按鈕的

$('#abc') 

和

$('#xyz') 

Answer 3

的名稱應該是相同的檢查上點擊事件或讓你的單選按鈕

的數組名

像下面的代碼

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

請回復，如果我可以幫你更多......

Answer 4

修復有：

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

Answer 5

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