如何使用行ID检查表列中的单选按钮

Question

我有一个带有两列的html表-文本和成对单选按钮； 我已经设置了行的ID，我想使用行的ID动态检查单选按钮。 HTML：

<tr class="tbrder" id="area1">
    <td class="biglable">Leadership University</td>
    <td class="smalllable">
        <div class="switch pull-right">
            <input type="radio" class="radio" value="y">Y
            <input type="radio" class="radio" value="n">N
        </div>
    </td>
</tr>

如果我从后端收到ID区域1，我想将单选按钮设置为Y

Answer 1

我假设您有一个php页面作为后端

$.ajax({
    url:'YOUR_PHP_PAGE.php',
    ....,
    ....,
    success:function(data){
        if(data=='area1')
        {
            $(":radio[value='y']").prop("checked",true);
        }
    }
});

Answer 2

您可以通过使用此代码来访问此td，我不知道是否有比这更好的方法，它不是理想的方法，但是它可以工作

 var myRow = document.getElementById("area1");
 var myColumn = myRow.children.item(1);
 var myRadioButtons = myColumn .getElementsByClassName("radio");
 myRadioButtons[0].checked = true; // 

那么你可以改变它的价值

Answer 3

您也可以使用此代码。

$('#area1').find(':radio[value="y"]').prop("checked",true);