Динамическое изменение данных, отображаемых с помощью ajax

Question

У меня проблема с управлением данными из ajax и jQuery.

Я использую JQuery для отображения HTML-код и вставьте его в сНу элемент "#kontener"

$.ajax({ 
    url: "qa.php", 
    type: "POST", 
    datatype: "html", 
    contentType: "application/x-www-form-urlencoded; charset=iso-8859-2", 
    data: { 
     indeks: tekst, q: question}, 
    success: function (result) { 
     jQuery("#kontener").html(result); 
    }, 
}); 

Вот образец HTML

<table id="q"> 
    <tr><td><input type="radio" name="answer" value="1">q1</td></tr> 
    <tr><td><input type="radio" name="answer" value="2">q2</td></tr> 
    <tr><td><input type="radio" name="answer" value="3">q3</td></tr> 
    <tr><td><input type="radio" name="answer" value="4">q4</td></tr> 
</table> 

Вопрос - можно ли использовать JQuery, чтобы выбрать переключатель после нажатия на элемент tr?

К сожалению, это не работает :(

$("tr").click(function() { 
    $(this).find('input:radio').attr('checked', true); 
}); 

Answer 1

Попробуйте

$(this).find('input:radio').prop('checked', true); 

Я рекомендую давая каждый радиомодуль уникальный идентификатор

Answer 2

Я был в состоянии получить эту работу:

$("#q tr").click(function() { 
    $(this).find("input[type=radio]").prop("checked", true); 
}); 

Это работало, а также:

$("#q").on("click", "tr", function() { 
    $(this).find("input[type=radio]").prop("checked", true); 
}); 

Answer 3

Использование setAttribute функции.

$("tr").click(function() { 
    $(this).find('input:radio')[0].setAttribute('checked', true) 
});