繁体   English   中英

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

[英]Get the id of the checked input checkboxes and add to a list

我首先要说,我对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!" />

$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');
}});

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

如果您需要更严格的选择器,可以使用类似这样的东西

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM