Question

在html表中，每行都有一个复选框。通过单击复选框，它必须选择表的人名。但它不起作用。并且我想对此复选框提供验证，用户一次只能选择一个复选框。

HTML：

<table id="personTable" class="table table-bordered">
    <thead>
        <tr class="info">
            <th style="width: 10px;">
                <input type="checkbox" id="check_selectall_b" onclick="selectAll(this)"/>
                SA
            </th>
            <th>person name</th>
            <th> address</th>
        </tr>
    </thead>
    <tbody class="person_table">
        <% @persons.all.each do |person| %>
        <tr id="tr_prns_<%=person.id %>">
            <td>
                <input type="checkbox" class="radio" name="checkBox[]" 
                       onchange="personClickedBox(this.name)"/>
            </td>
            <td class="person"  style="word-break:break-all;">
                <%= person.name%> 
            </td>
            <td class="person"  style="word-break:break-all;">
                <%= person.address%> 
            </td>
        </tr>
        <% end %>
    </tbody>
</table>

JAVASCRIPT：

function personClickedBox(checkBoxName){

var values = new Array();

$.each($("input[name='"+checkBoxName+"']:checked").closest("td").next("td"), 
    function () {
       values.input($(this).text().trim());
    }); 
}

通过单击复选框必须选择人名

Answer 1

您的代码完美地获得了单击复选框的值。您需要做的是添加CSS样式以选择特定的原始

表格的每一行都有复选框。但是通过单击复选框，它没有选择该行文本值

1 个答案: