Question

我有一个包含10行3列的表，每行都有一个与之关联的复选框。用户可以选择任意数量的行，当他按下提交按钮时，需要显示包含所有选定行中的值的警报消息，最好是作为JSON字符串。如何单独提取所有选定的行并使用Javascript或Jquery将其转换为JSON字符串？

Answer 1

我希望我能很好地理解你的要求。请考虑这个解决方案。

$('#btn-table-rows').click(function (event) {
    var values = [];
    
    $('table #row-selector:checked').each(function () {
    	var rowValue = $(this).closest('tr').find('td.row-value').text();
    	values.push(rowValue)
    });
    
    var json = JSON.stringify(values);
    
    alert(json);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
    <tr>
        <td>
            <input id="row-selector" type="checkbox"/>
        </td>
        <td class="row-value">Row #1: Hello</td>
    </tr>
    <tr>
        <td>
            <input id="row-selector" type="checkbox"/>
        </td>
        <td class="row-value">Row #2: World</td>
    </tr>
</table>

<button id="btn-table-rows">Process</button>

从表中获取选定的行

1 个答案: