复选框集合中的第一个选定项目值

Question

我的HTML代码如下。

 <table id="rooms">
            <tbody>
                <% 
                    var rooms = Model.AvailableRooms.ToList();
                %>
                <tr>
                    <% 
                        foreach (var r in rooms)
                        {         
                    %><td style="text-align: center">
                        <input type="checkbox"
                            value="<%: r.Id %>-<%: r.Name %>-<%: Model.Provider.Key %>" />
                    </td>
                    <td style="text-align: center">
                        <%: r.Name %> 
                    </td>
                    <% 
                        } 
                    %>
                </tr>
            </tbody>
        </table>

由此我需要获得第一个选定项目的价值。我怎么能这样做？

Answer 1

使用jQuery选择器来获取它：

$("input[type='checkbox']:checked").first().val()

或

$("input[type='checkbox']:checked:first").val()

JSFIDDLE

Answer 2

$('input[type=checkbox]:checked').first()

Answer 3

$('#rooms input:checked:first').val()