The first column in the table of dynamically generated HTML is checkbox. How to determine which checkbox is selected and obtain the corresponding record? ?
js code:
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>
The ids of all your hidden fields are the same. Of course, take the first one
Then how to get the data corresponding to the selected
<input type="checkbox" name="isprint" id="isprint" cmdValue="${vo.factorId}" /> if(print[i].checked) { alert(print[i].getAttribute("cmdValue")); }
<input type="checkbox" name="isprint" id="isprint" />
and change it to
<input type="checkbox" name="isprint<%# Container.ItemIndex+1 %>" id="isprint<%# Container.ItemIndex+1 %>" />
JS Search the number of rows of
var rowCount = document.all.tbodyDetail.children.length - 1; for (var i = 1; i <= rowCount; i++) { var checkbox= form1["checkbox" + i].value.trim(); }
and then you traverse the rowCount
and you can get the checkbox id
The above is the dynamically generated html table. One column is checkbox. How to determine which checkbox is selected and obtain the corresponding record_html/css_WEB-ITnose content. For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!