Я попытался запустить это в jsfiddle.net и его отлично работать. http://jsfiddle.net/AdTK3/Работаю в jsfiddle.net, но не на моей странице
HTML
<input name="rdoNationality" class="rdoNationality" type="radio" checked="checked" value="nationalityAny" /> Div 1
<input name="rdoNationality" class="rdoNationality" type="radio" value="nationalitySelect" /> Div 2
<div id="nationalityAny">
Div 1 Selected
</div>
<div id="nationalitySelect" style="display:none;">
Div 2 Selected
</div>
JQuery
$(function(){
$(".rdoNationality").on("click", function(){
var valNationality = $(this).val(),
divNationality = $("#" + valNationality);
$("div").hide();
divNationality.show();
});
});
Но когда я попробовал его на моей странице его не работает (Примечание: Я уверен, что мой путь к JQuery правильно). Вот мой полный HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title Here</title>
<meta name="keywords" content="kw here" />
<meta name="content-language" content="en" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$(".rdoNationality").on("click", function(){
var valNationality = $(this).val(),
divNationality = $("#" + valNationality);
$("div").hide();
divNationality.show();
});
});
</script>
</head>
<body style="background:#fff;">
<div>
<input name="rdoNationality" class="rdoNationality" type="radio" checked="checked" value="nationalityAny" /> Div 1
<input name="rdoNationality" class="rdoNationality" type="radio" value="nationalitySelect" /> Div 2
<div id="nationalityAny">
Div 1 Selected
</div>
<div id="nationalitySelect" style="display:none;">
Div 2 Selected
</div>
</div>
</body>
</html>
Что не так с моим кодом. Благодарю.
Какую версию jQuery вы ссылаетесь на свою локальную страницу? –
Проверьте свою консоль на наличие ошибок. Также 'change' является лучшим событием для радио – Praveen
убедитесь, что клятва к вашему файлу jquery.js верна. – bipen