怎样用JS获取DataGrid中CheckBox是否选中,并且取得该行的DataGrid数据?
2007-10-28 14:03
651 查看
<%@ Page Debug="true" %>
<%@ Import Namespace="System.Data" %>
<html>
<script language="C#" runat="server">
void Page_Load(Object sender, EventArgs e)
{
if (!IsPostBack)
{
MyDataGrid.DataSource = new string[] {"a","b","c"};
MyDataGrid.DataBind();
}
}
</script>
<body>
<h3><font face="Verdana">Specifying Columns in DataGrid</font></h3>
<form runat=server>
<ASP:DataGrid id="MyDataGrid" runat="server"
AutoGenerateColumns="false">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:TextBox id="txt" Runat="server" Text='<%# Container.DataItem%>'/>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<ItemTemplate>
<asp:CheckBox id="select" Runat="server" Checked="False" onclick="selectObj(this)"> </asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
<asp:Button Text="Click Me" runat="server"/>
</form>
</body>
</html>
<script language="javascript">
function selectObj(obj)
{
alert(obj.checked);
if (obj.checked) //是否被选中
{
//...
}
var p = obj.parentElement;
while (p.tagName != "TR")
p = p.parentElement;
var inputs = p.all.tags("INPUT");
for (var i=0; i < inputs.length; i++)
alert(inputs[i].value);
}
</script>
<%@ Import Namespace="System.Data" %>
<html>
<script language="C#" runat="server">
void Page_Load(Object sender, EventArgs e)
{
if (!IsPostBack)
{
MyDataGrid.DataSource = new string[] {"a","b","c"};
MyDataGrid.DataBind();
}
}
</script>
<body>
<h3><font face="Verdana">Specifying Columns in DataGrid</font></h3>
<form runat=server>
<ASP:DataGrid id="MyDataGrid" runat="server"
AutoGenerateColumns="false">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:TextBox id="txt" Runat="server" Text='<%# Container.DataItem%>'/>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<ItemTemplate>
<asp:CheckBox id="select" Runat="server" Checked="False" onclick="selectObj(this)"> </asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
<asp:Button Text="Click Me" runat="server"/>
</form>
</body>
</html>
<script language="javascript">
function selectObj(obj)
{
alert(obj.checked);
if (obj.checked) //是否被选中
{
//...
}
var p = obj.parentElement;
while (p.tagName != "TR")
p = p.parentElement;
var inputs = p.all.tags("INPUT");
for (var i=0; i < inputs.length; i++)
alert(inputs[i].value);
}
</script>
相关文章推荐
- 怎样用JS获取DataGrid中CheckBox是否选中,并且取得该行的DataGrid数据?
- js取得gridview中获取checkbox选中的值,郁闷了半天
- js取得gridview中获取checkbox选中的值
- JS选中checkbox后获取table内一行TD所有数据的方法
- td中内容在竖直方向上居中显示及js获取checkbox是否选中的方式
- js取得gridview中获取checkbox选中的值
- 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中
- js如何知道checkbox是否被选中,并且选中的话让input元素变为不可编辑
- js取得gridview中获取checkbox选中的值(转)
- JS选中checkbox后获取table内一行TD所有数据的方法
- js取得gridview中获取checkbox选中的值
- js取得gridview中获取checkbox选中的值
- Extjs grid中的checkbox的选中获取数据是否为最新的问题
- 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中
- Js选中checkbox后获取table内一行TD所有数据
- 通过点击datagrid的某一行的checkbox事件获取该行的其他数据(例如:行号)
- Extjs grid中的checkbox的选中获取数据是否为最新的问题
- element ui 表格提交时获取所有选中的checkbox的数据
- Silverlight获取DataGrid选中的行数据
- jquery如何获取checkbox,并判断是否选中