javascript - jQuery 或 Javascript 如何查找 Rails 表单中的复选框是否已选中并删除表单 div

Question

所以我有一个带有一堆表单元素的 html 页面，如下所示:

<form accept-charset="UTF-8" action="/lists/17" class="edit_list" data-remote="true" id="edit_list_17" method="post">
  <div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="patch"></div><input name="list[complete]" type="hidden" value="0"><input id="list_complete" name="list[complete]" type="checkbox" value="0">

  <a class="btn btn-default btn-danger btn-xs" data-confirm="Are you sure?" data-method="delete" data-remote="true" href="/lists/17" rel="nofollow">Destroy</a><label for="list_complete">1</label>
  <a class="btn btn-default btn-info btn-xs" href="/lists/17">Show</a>
  <a class="btn btn-default btn-warning btn-xs" href="/lists/17/edit">Edit</a>

</form>

我需要做的是抓取 type="checkbox"value="0" 并检查该值是否为 1，如果为 1，则删除整个 div。有什么简单的方法可以做到这一点吗？

目前我可以获得第一个表单元素的值，但已经尝试了几个小时，但无法过滤或任何东西

这将找到所有形式:

$('div#incomplete').children().find('form')

这将找到第一个复选框的值:

$('div#incomplete').children().find('form').find('input:checkbox:first').attr('value')

Answer 1

使用.is()和 :checked selector

var checked = $('div#incomplete').children().find('form').find('input:checkbox:first').is(':checked')

<小时/>

如果你想找到所有选中的复选框，那么

var $checks = $('#incomplete').find('form input:checkbox:checked')

<小时/>

如果您想删除表单

jQuery(function($){
    $('#incomplete form').has('input:checkbox:checked').remove()
})