Question

我在处理来自ajax和jQuery的数据时遇到了问题。

我正在使用jQuery来显示html代码并将其插入到div元素中＃34;＃kontener＆＃34;

\d

以下是示例html

$.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);
    },
});

问题 - 点击tr元素后，我可以使用jQuery选择单选按钮吗？

不幸的是，这不起作用:(

<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>

Answer 1

试试这个

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

我建议为每个收音机分配一个唯一ID

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

使用ajax动态更改显示的数据

3 个答案: