我试图在表格的每一行中的单元格中设置一个复选框,具体取决于该行中另一个单元格的值。我正在访问具有该值的单元格,并将其与预定值(例如“ L”)进行比较,如果找到,则标记该复选框true
。到目前为止,我已经尝试了以下方法:
的HTML
<table id="listTable">
<thead>
<tr>
<th>Doc Num</th>
<th>Short Text</th>
<th>Locked</th>
<th>Lock Type</th>
<th>Frequency</a></th>
</tr>
</thead>
<tbody id="filterTableBody">
{% for data in prod_sch %}
<tr>
<td><a href="{% url 'prod_schdle' data.pk %}">{{ data.doc_num }}</a></td>
<td>{{ data.desc }}</td>
<td><input type='checkbox' class='chk_locked' id='id_chkbox_locked' disabled='true'></td>
<td>{{ data.lock_type }}</td>
<td>{{ data.freq }}</td>
</tr>
{% endfor %}
</tbody>
</table>
jQuery的
$(function() {
$('#listTable tr').each(function() {
var val_status_lock = $(this).find('td').eq(3).html();
if ( val_status_lock === 'L' ) {
$('.chk_locked').prop('checked', true);
}
});
});
当前,所有行的复选框都被选中为true,即使对于具有不同单元格值的行也是如此。
如何仅标记单元格值为L的行的复选框?
使用与相同的find()
方法,td
以便隔离该行中的复选框
if ( val_status_lock === 'L' ) {
$(this).find('.chk_locked').prop('checked', true);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句