单击删除按钮后,希望取消选中复选框
After remove button is clicked would like the checkbox to go unchecked
在有人确认删除项目后,我正试图取消选中我的复选框。想知道我是怎么做的吗?希望有人能帮我。
这是我的代码:
JS:
$(".rem-btn").click(function(){
var remConf = confirm("Are you sure you want to remove these items from your shopping list?");
if (remConf == true) {
$(".check-list input:checked").not('#select-all').parent().remove();
};
});
HTML:
<section class="shop-list">
<div class="add-item">
<input id="item-add" type='text' placeholder="Enter item to shopping list..." name="itemAdd"></input>
<button class="add-btn">Add Item</button>
</div>
<div class="item-list">
<h2>Shopping List</h2>
<ul class="check-list">
<li><input type="checkbox" id="select-all"/>Select All</li>
</ul>
</div>
<div class="removal">
<button class="rem-btn">Remove Selected</button>
</div>
</section>
使用prop
取消选中复选框:$("#select-all").prop("checked",false);
您可以定义任何需要的选择器。
$(".rem-btn").click(function(){
var remConf = confirm("Are you sure you want to remove these items from your shopping list?");
if (remConf == true) {
$(".check-list input:checked").not('#select-all').parent().remove();
$("#select-all").prop("checked",false);
};
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="shop-list">
<div class="add-item">
<input id="item-add" type='text' placeholder="Enter item to shopping list..." name="itemAdd"></input>
<button class="add-btn">Add Item</button>
</div>
<div class="item-list">
<h2>Shopping List</h2>
<ul class="check-list">
<li><input type="checkbox" id="select-all"/>Select All</li>
</ul>
</div>
<div class="removal">
<button class="rem-btn">Remove Selected</button>
</div>
</section>
$(".rem-btn").click(function () {
var remConf = confirm("Are you sure you want to remove these items from your shopping list?");
if (remConf == true) {
console.log('qeqw');
$(".check-list input:checked").attr('checked',false);
};
});
小提琴
使用已检查的attr
并将其设置为false或使用prop
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- 使用jquery选中/取消选中单个复选框
- 使用javascript在页面加载时取消选中所有复选框
- (取消)使用单独的复选框激活复选框列表
- jQuery-取消选中复选框
- 单击或取消选中复选框时,如何创建弹出的自定义窗口
- Javascript选中/取消选中所有复选框并将值写入文本区域
- dojo/cbtree取消选中所有复选框并选中选中复选框
- 通过选中和取消选中复选框来添加和删除数组中的值
- 当与之关联的 ng-model 为 false 时,Angularjs 复选框值不会取消选中
- 取消复选框未进行可视化更新
- 复选/取消复选框不能与prop功能一起工作
- 在剑道ui网格中上下滚动时取消复选框
- 检查条件后使用jQuery取消复选框
- 当另一个复选框被选中时,取消复选框,但如果被选中,也取消复选框
- JQuery .prop函数不工作,取消复选框
- 取消复选框绑定
- 如何在不取消复选框的情况下通过Ajax更新复选框列表
- 绑定点击事件后无法取消复选框