Home > Article > Web Front-end > The first column in the dynamically generated HTML Table is checkbox. How to determine which checkboxes are selected and obtain the corresponding record_html/css_WEB-ITnose
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 %>" />
92cee25da80fac49f6fb6eec5fd2c22a and add an ID
JS Search the number of rows of 92cee25da80fac49f6fb6eec5fd2c22a
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 (www.php.cn)!