2013-12-10 6 views
0

У меня есть страница HTML точно так, как показано ниже:JQuery нажмите на кнопку радио не работает

<html> 
<head> 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
</head> 

<script> 
$("input:radio[name=aa]").click(function() { 
window.location.href="http://www.google.com"; 
}); 

function get_search_results(params) { 
    alert('sdsds'); 
} 
</script> 
<body> 
<input type="radio" name="aa" />AA 
<input type="radio" name="aa" />AB 
<input type="radio" name="aa" />AC 
</body> 
</html> 

Так что я ожидал, когда я нажимаю на любой из трех радиокнопок, он должен перенаправлять google. Но он ничего не делает! Зачем ?

+1

обруча внутри документа готовый обработчик или объявить обработчик ПОСЛЕ элемент был добавлен в DOM, а не раньше! Делегация может быть вариантом, но не очень точной в вашем случае. –

ответ

2

Сценарий должен быть exected при загрузке документа: код

$(document).ready(function(){ 
    $("input:radio[name=aa]").click(function() { 
     window.location.href="http://www.google.com"; 
    }); 
}); 
+0

Спасибо, Кевин. Работа –

+0

@ Сурайхазарика Рад, что я мог бы помочь. –

Смежные вопросы