利用js的Node遍歷找到repeater的一個字段實例介紹
更新時間:2013年04月25日 15:00:06 作者:
本文教大家使用js的Node遍歷找到repeater的一個字段的具體實現(xiàn)思路,感興趣的朋友可參考下,希望可以幫助到你
js部分:
var checkboxs = document.getElementsByTagName("input");
for(var i=0;i<checkboxs.length;i++)
{
if(checkboxs[i].type=="checkbox" && checkboxs[i].checked==true){
var trobj=checkboxs[i].parentNode.parentNode; //找到tr節(jié)點
if(trobj.rowIndex > 0){
var tdobj=trobj.children;
var amount = tdobj[3].children.item(0).value; //找到td節(jié)點的value 對應第4個td
alert(amount);
}
}
}
html的repeater
<asp:repeater id="repeater1" runat="server">
<ItemTemplate>
<tr class="TableDetail2">
<TD>
<input type =checkbox name="checkboxs" ID="checkbox" Runat="server" Width="15" value = '<%# Container.DataItem("mocode") %>'/>
</TD>
<td class="nowrap">
<asp:ImageButton id="btnkxcode" runat="server" Width="15" ImageUrl="../image/search.jpg" CommandName="btnkx"
Height="15"></asp:ImageButton>
<asp:TextBox id="ckxcode" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("itemtype") %>'>
</asp:TextBox></td>
<td class="nowrap">
<asp:ImageButton id="btnkxname" runat="server" Width="15" ImageUrl="../image/search.jpg" CommandName="btnkxn"
Height="15"></asp:ImageButton>
<asp:TextBox id="ckxname" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("itemname") %>'>
</asp:TextBox>
</td>
<td class="nowrap">
<asp:TextBox id="amount" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("ysamount") %>'>
</asp:TextBox></td>
</tr>
</ItemTemplate>
</asp:repeater>
復制代碼 代碼如下:
var checkboxs = document.getElementsByTagName("input");
for(var i=0;i<checkboxs.length;i++)
{
if(checkboxs[i].type=="checkbox" && checkboxs[i].checked==true){
var trobj=checkboxs[i].parentNode.parentNode; //找到tr節(jié)點
if(trobj.rowIndex > 0){
var tdobj=trobj.children;
var amount = tdobj[3].children.item(0).value; //找到td節(jié)點的value 對應第4個td
alert(amount);
}
}
}
html的repeater
復制代碼 代碼如下:
<asp:repeater id="repeater1" runat="server">
<ItemTemplate>
<tr class="TableDetail2">
<TD>
<input type =checkbox name="checkboxs" ID="checkbox" Runat="server" Width="15" value = '<%# Container.DataItem("mocode") %>'/>
</TD>
<td class="nowrap">
<asp:ImageButton id="btnkxcode" runat="server" Width="15" ImageUrl="../image/search.jpg" CommandName="btnkx"
Height="15"></asp:ImageButton>
<asp:TextBox id="ckxcode" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("itemtype") %>'>
</asp:TextBox></td>
<td class="nowrap">
<asp:ImageButton id="btnkxname" runat="server" Width="15" ImageUrl="../image/search.jpg" CommandName="btnkxn"
Height="15"></asp:ImageButton>
<asp:TextBox id="ckxname" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("itemname") %>'>
</asp:TextBox>
</td>
<td class="nowrap">
<asp:TextBox id="amount" runat="server" CssClass="TextBox1" Text='<%# Container.DataItem("ysamount") %>'>
</asp:TextBox></td>
</tr>
</ItemTemplate>
</asp:repeater>
您可能感興趣的文章:
- Repeater事件OnItemCommand取得行內控件的方法
- Repeater控件與PagedDataSource結合實現(xiàn)分頁功能
- Repeater控件實現(xiàn)編輯、更新、刪除等操作示例代碼
- Repeater怎么實現(xiàn)多行間隔顯示分隔符
- Repeater中嵌套Repeater的示例介紹
- repeater做刪除前彈窗詢問實例
- 給Repeater控件里添加序號的5種才常見方法介紹
- asp.net Repeater 數(shù)據綁定的具體實現(xiàn)(圖文詳解)
- .net JS模擬Repeater控件的實現(xiàn)代碼
- Repeater控件綁定的三種方式
- ASP.NET筆記之 Repeater的使用
- Repeater綁定dictionary數(shù)據源代碼及報錯解決
- asp.net Repeater分頁實例(PageDataSource的使用)
- asp.net中使用repeater和PageDataSource搭配實現(xiàn)分頁代碼
- Repeater里switch的使用方法
- Repeater控件動態(tài)變更列(Header,Item和Foot)信息(重構cs)
- Repeater的FooterTemplate顯示某列總計思路與代碼
- 嵌套repeater示例分享
相關文章
JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果
這篇文章主要介紹了JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果的相關資料,非常不錯,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2016-06-06BootStrap fileinput.js文件上傳組件實例代碼
這篇文章主要介紹了BootStrap fileinput.js文件上傳組件實例代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-02-02基于javascript實現(xiàn)日歷功能原理及代碼實例
這篇文章主要介紹了基于javascript實現(xiàn)日歷效果原理及代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05