ホームページ > ウェブフロントエンド > htmlチュートリアル > 動的に生成された HTML のテーブルの最初の列はチェックボックスです。どのチェックボックスが選択されているかを判断し、対応する Record_html/css_WEB-ITnose を取得する方法です。

動的に生成された HTML のテーブルの最初の列はチェックボックスです。どのチェックボックスが選択されているかを判断し、対応する Record_html/css_WEB-ITnose を取得する方法です。

PHP中文网
リリース: 2016-06-24 12:08:17
オリジナル
1443 人が閲覧しました

動的に生成された 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(&#39;factorId&#39;).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=&#39;vo&#39; status=&#39;st&#39;>
<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>
ログイン後にコピー

js で取得した ID は、選択したデータの数に関係なく、常にテーブルの最初のレコードの ID 値を表示します。


ディスカッションに返信(解決策)

もちろん、すべての隠しフィールドの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" />
ログイン後にコピー

の行数をJS検索します

<input type="checkbox" name="isprint<%# Container.ItemIndex+1 %>" id="isprint<%# Container.ItemIndex+1 %>" />
ログイン後にコピー

その後、このrowCountをトラバースします
チェックボックスIDを取得できます

上記は最初の列です動的に生成される HTML テーブル チェックボックスの、どのチェックボックスが選択されているかを判断し、対応する Record_html/css_WEB-ITnose コンテンツを取得する方法については、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート