求各位大佬指点,就是我想触发之后,只执行一次,问题出在jQuery的循环上,这是个web form项目。现在是点击1,就跳出GridView当中第一行第一列的值,但是我选择多个时,输出的值会重复。我不需要button来触发这个事件
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" />
<script type="text/javascript" src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>
<script>
$(function () {
$('#ListView1').multiselect({ includeSelectAllOption: true });
var value = []; $("#ListView1").change(function () {
$("input:checked").each(function () {
value.push($(this).val())
});
for (var i = 0; i < value.length; i++) {
var t1 = $('#GridView1 tr').eq(value[i]).find("td:first").text();
console.log(t1)
}
}); }); </script>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server"></asp:GridView>
<asp:ListBox ID="ListView1" runat="server" SelectionMode="Multiple">
<asp:ListItem Value="1"></asp:ListItem>
<asp:ListItem Value="2"></asp:ListItem>
<asp:ListItem Value="3"></asp:ListItem>
</asp:ListBox>
</div>
</form>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Name"), new DataColumn("Country") });
dt.Rows.Add("name1", "country1");
dt.Rows.Add("name2", "country2");
dt.Rows.Add( "name3", "country3");
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" />
<script type="text/javascript" src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>
<script>
$(function () {
$('#ListView1').multiselect({ includeSelectAllOption: true });
var value = []; $("#ListView1").change(function () {
$("input:checked").each(function () {
value.push($(this).val())
});
for (var i = 0; i < value.length; i++) {
var t1 = $('#GridView1 tr').eq(value[i]).find("td:first").text();
console.log(t1)
}
}); }); </script>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server"></asp:GridView>
<asp:ListBox ID="ListView1" runat="server" SelectionMode="Multiple">
<asp:ListItem Value="1"></asp:ListItem>
<asp:ListItem Value="2"></asp:ListItem>
<asp:ListItem Value="3"></asp:ListItem>
</asp:ListBox>
</div>
</form>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[2] { new DataColumn("Name"), new DataColumn("Country") });
dt.Rows.Add("name1", "country1");
dt.Rows.Add("name2", "country2");
dt.Rows.Add( "name3", "country3");
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
$("input:checked").each(function () {
value.push($(this).val())
});