获取选中的输入复选框的 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>
谁能帮帮我?
所以我找到了我正在寻找的东西,但是当我使用代码时,没有任何效果,即使我复制粘贴它也没有效果,我是不是漏掉了什么愚蠢的东西?
这是工作演示的link: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!" />
$('input[type=checkbox]:checked')
如果你需要更难的选择器你可以使用这样的东西
$('td input[type=checkbox]:checked')
$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');
}});
我首先要说的是,我对 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>
谁能帮帮我?
所以我找到了我正在寻找的东西,但是当我使用代码时,没有任何效果,即使我复制粘贴它也没有效果,我是不是漏掉了什么愚蠢的东西?
这是工作演示的link: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!" />
$('input[type=checkbox]:checked')
如果你需要更难的选择器你可以使用这样的东西
$('td input[type=checkbox]:checked')
$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');
}});