在Bootstrap 4表单中使用jQuery取消选中复选框,可以通过以下步骤来删除克隆的元素:
<form>
<div class="form-check">
<input class="form-check-input" type="checkbox" id="exampleCheckbox">
<label class="form-check-label" for="exampleCheckbox">复选框</label>
</div>
<button type="button" class="btn btn-primary" id="deleteCloneBtn">删除克隆元素</button>
</form>
$(document).ready(function() {
$('#deleteCloneBtn').click(function() {
// 取消选中复选框
$('#exampleCheckbox').prop('checked', false);
// 删除克隆的元素
$('.cloned-element').remove();
});
});
prop()
方法将复选框的checked
属性设置为false
,以取消选中复选框。remove()
方法将其从DOM中删除。这样,当点击"删除克隆元素"按钮时,复选框将被取消选中,并且克隆的元素将被删除。
关于Bootstrap 4和jQuery的更多信息和用法,请参考以下链接:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云