ホームページ > 記事 > ウェブフロントエンド > 動的に生成された HTML のテーブルの最初の列はチェックボックスです。どのチェックボックスが選択されているかを判断し、対応する Record_html/css_WEB-ITnose を取得する方法です。
動的に生成された HTML テーブルの最初の列はチェックボックスです。どのチェックボックスが選択されているかを判断し、対応するレコードを取得する方法は? ?
js コード:
function get(){ var print = document.getElementsByName("isprint"); for(var i = 0; i < print.length; i++) { if(print[i].checked) { var factorId = document.getElementById('factorId').value; alert(factorId); } } } <table class="grid"> <tfoot></tfoot> <tbody> <tr> <th width="30px" >序号</th> <th>标签要素名称</th> <th>是否起用</th> </tr> <s:iterator value="%{pageDataFactorDef.datals}" id='vo' status='st'> <td align="center"><s:property value="#st.count+(pageDataFactorDef.currentPage-1) * (pageDataFactorDef.pageSize)" /></td> <td>${vo.factorName}</td> <td> <input type="checkbox" name="isprint" id="isprint" /> </td> <td align="center"> <input id="factorId" value="${vo.factorId}" type="hidden"></input>// 取得隐藏域id值 </tr> </s:iterator> </tbody> </table>
もちろん、すべての隠しフィールドのIDは同じです
次に、選択したフィールドの対応するデータを取得する方法
<input type="checkbox" name="isprint" id="isprint" cmdValue="${vo.factorId}" /> if(print[i].checked) { alert(print[i].getAttribute("cmdValue")); }rreee
を変更します。それを
<input type="checkbox" name="isprint" id="isprint" />
d6902c20e45ceaec8bfe11c7ed174fb8の行数をJS検索します
<input type="checkbox" name="isprint<%# Container.ItemIndex+1 %>" id="isprint<%# Container.ItemIndex+1 %>" />
その後、このrowCountをトラバースします
チェックボックスIDを取得できます
上記は最初の列です動的に生成される HTML テーブル チェックボックスの、どのチェックボックスが選択されているかを判断し、対応する Record_html/css_WEB-ITnose コンテンツを取得する方法については、PHP 中国語 Web サイト (www.php.cn) に注目してください。