有沒有辦法讀取HTML頁面並返回被點擊的動態複選框的值?通過瓶子動態生成複選框的提取值
現在,我知道如何從靜態複選框中獲取值,即使不使用JS,但由於我使用數據庫中的數據生成下面的複選框,我不知道如何針對每個複選框並知道用戶檢查了哪一個,
當我瀏覽Chrome中的開發人員工具時,可以看到生成的複選框的值發生了變化,但是當我引用它們時,它仍然不起作用。
<!DOCTYPE html>
<html lang="en">
<form action="/test" method="post">
<button type="submit" id="exporst-btn" class="btn btn-primary">Import Test Data <span class="glyphicon glyphicon-import"></span></button>
<br>
<br>
<div id="table">
<table class="table table-condensed">
<thead>
<tr>
<th>Selection</th>
<th>Slno</th>
<th>Region</th>
</tr>
</thead>
<tbody>
{% for obj in TD %}
<tr>
<td>
<input type="checkbox" name="chb[]" > {{obj.OEHR_Mtest_Slno}}
</td>
<td>
{{obj.OEHR_Mtest_Slno}}
</td>
<td>
{{obj.OEHR_Mtest_SF_Part_Number}}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<!--<p id="export" name="test"></p>-->
<input type="hidden" id="exp" name="test">
<button type="submit" id="export-btn" class="btn btn-success">Execute <span class="glyphicon glyphicon-play"></span></button>
</form>
</body>
<script type="text/javascript"><!--
$('#export-btn').click(function() {
alert($('#mytable').find('input[type="checkbox"]:checked').length + ' checked');
});
</script>
</html>
我可以用上面的JS知道有多少複選框被選中,我想知道的那些檢查的價值,我沒能拿到。
你是什麼意思的價值?名字?它在哪一行? –
@ M.Davis這一個{{obj.OEHR_Mtest_Slno}}複選框旁邊的服務器 – Anarach
可能呈現輸出 – Anarach