Question

我会开始说，我对Java脚本几乎一无所知，我觉得这需要它。我想要做的是找出选中的复选框，将它们添加到列表中并将其传递给页面后面的代码。

这就是我从结果中创建复选框的方式。

<table width="100%" border="1">
     <%foreach (var qv in rs)
     {
         var checkid = "chk" + qv.id;
         var tdid = "td" + qv.id;
         var text = qv.text.ToString();                                          
      %>
      <tr >
           <td width="100%">
           <input type="checkbox" id="<%=qv.id%>" value="@qv.id" />
           </td>
           <td width="100%">
           <%=qv.text%>
           </td>
      </tr>
      <%                                      
      } %>
</table>

任何人都可以帮助我吗？

所以我找到了我正在寻找的东西，但是当我使用代码时，没有任何作用，即使我复制它完全粘贴它也不起作用，我错过了一些愚蠢的东西吗？

以下是工作演示的链接：http://jsfiddle.net/dvCmR/ 这是我的代码，完全相同但不起作用。

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<script src="Scripts/jquery-1.10.2.min.js"></script>
<script src="assets/scripts.js"></script>
<script type="text/javascript">
    $("#clickme").click(function (e) {
        var selected = $("#checkboxes input:checked").map(function (i, el) { return el.name; }).get();
        alert("selected = [" + selected + "]\nas string = \"" + selected.join(";") + "\"");
    });
</script>
<div id="checkboxes">
    <input id="chkbx_0" type="checkbox" name="c_n_0" checked="checked" />Option 1
    <input id="chkbx_1" type="checkbox" name="c_n_1" />Option 2
    <input id="chkbx_2" type="checkbox" name="c_n_2" />Option 3
    <input id="chkbx_3" type="checkbox" name="c_n_3" checked="checked" />Option 4
</div>
<input type="button" id="clickme" value="click me, now!" />

Answer 1

$checkedBoxeIds;
$('table').each(function (i, row) {
var $row = $(row),
$checkedBoxe = $row.find('input:checked')[0];
$checkedBoxeIds += $checkedBoxeIds +";"
});
$.ajax({
type: "POST", url: myUrl,data: { checkedIs : $checkedBoxeIds},
success: function(data) {
alert('it worked');
}});

Answer 2

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

如果你需要更难的选择器，你可以使用类似的东西

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

获取已选中输入复选框的ID并添加到列表中

2 个答案: