,可以通过以下步骤实现:
<table>
<tr>
<td><input type="checkbox" class="checkbox"></td>
<td><input type="text" class="text-field"></td>
</tr>
</table>
$(document).ready(function() {
$('.checkbox').change(function() {
if ($(this).is(':checked')) {
var textValue = $('.text-field').val();
var newRow = '<tr><td></td><td>' + textValue + '</td></tr>';
$('table').append(newRow);
}
});
});
$(document).ready()
函数确保页面加载完成后再执行代码。.change()
函数监听复选框的变化事件。.is(':checked')
判断复选框是否被选中。.val()
获取文本字段的值。.append()
将新的表格行添加到表格中。这样,当复选框被选中时,就会在表格中动态添加一行,并将文本字段的值显示出来。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云数据库(TencentDB)。
领取专属 10元无门槛券
手把手带您无忧上云